/* =================================================================
   ANTİK MARKET — WooCommerce stilleri (WC varsayılanları üzerine)
   ================================================================= */

/* ---- Butonlar ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-form button.button, .woocommerce-form input.button, .woocommerce-Button.button,
form.track_order button.button, .entry-content form.checkout button.button {
    background: var(--brand); color: #fff; border-radius: var(--r-sm);
    font-family: var(--sans); font-weight: 700; letter-spacing: .02em;
    padding: .82em 1.6em; border: 1.5px solid var(--brand); transition: all .2s var(--ease);
    text-transform: none; font-size: .9rem; cursor: pointer;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce-form button:hover, .woocommerce-form .button:hover, .woocommerce-Button:hover, form.track_order button:hover {
    background: var(--brand-deep); border-color: var(--brand-deep); color: #fff; transform: translateY(-2px); box-shadow: var(--shadow);
}
.woocommerce a.button.outline, .woocommerce .button.wc-backward {
    background: transparent; color: var(--ink); border-color: var(--line-2);
}
.woocommerce .button.wc-backward:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

/* ---- Bildirimler ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
    border-top: none; border-radius: var(--r); padding: 16px 20px 16px 56px; position: relative;
    background: var(--paper-card); border: 1px solid var(--line); box-shadow: var(--shadow-sm);
    font-size: .92rem; margin-bottom: 20px;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { left: 20px; top: 18px; color: var(--brand); }
.woocommerce-message { border-left: 4px solid var(--ok); }
.woocommerce-info { border-left: 4px solid var(--brass); }
.woocommerce-error { border-left: 4px solid var(--brand); }

/* ---- Tek ürün düzeni ---- */
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 60px); align-items: start; }
.woocommerce div.product .woocommerce-product-gallery { width: 100% !important; float: none; margin: 0; position: sticky; top: 130px; }
.woocommerce div.product .summary { width: 100% !important; float: none; margin: 0; }
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related, .woocommerce div.product .upsells,
.woocommerce div.product .woocommerce-product-gallery + .summary ~ * { grid-column: 1 / -1; }
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 20px; }
/* ---- Temaya özel ürün galerisi ---- */
.antik-gallery { display: flex; flex-direction: column; gap: 12px; }
.antik-gallery-stage { position: relative; aspect-ratio: 1/1; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.antik-gallery-zoom { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.antik-gallery-stage img { width: 100%; height: 100%; object-fit: contain; padding: 14px; transition: opacity .2s var(--ease); }
.antik-gallery-zoom-ic { position: absolute; right: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.92); display: grid; place-items: center; color: var(--ink); box-shadow: var(--shadow-sm); }
.antik-gallery-stage .onsale, .antik-gallery-stage .badge-sale { position: absolute; top: 14px; left: 14px; z-index: 2; }
.antik-gallery-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.antik-gallery-thumb { aspect-ratio: 1/1; background: #fff; border: 1.5px solid var(--line); border-radius: var(--r-sm); overflow: hidden; padding: 0; opacity: .75; transition: opacity .2s, border-color .2s; cursor: pointer; }
.antik-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.antik-gallery-thumb:hover, .antik-gallery-thumb.is-active { opacity: 1; border-color: var(--brand); }

/* Lightbox */
.antik-lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(20,14,12,.9); display: grid; place-items: center; padding: 4vw; opacity: 0; transition: opacity .25s var(--ease); }
.antik-lightbox.open { opacity: 1; }
.antik-lightbox img { max-width: 92vw; max-height: 88vh; object-fit: contain; border-radius: var(--r); box-shadow: var(--shadow-lg); }
.antik-lightbox-close { position: absolute; top: 20px; right: 28px; font-size: 2.4rem; line-height: 1; color: #fff; opacity: .8; background: none; border: none; cursor: pointer; }
.antik-lightbox-close:hover { opacity: 1; }

.woocommerce span.onsale, .product-card .onsale {
    background: var(--brand); color: #fff; border-radius: var(--r-sm); min-height: auto; min-width: auto;
    padding: .4em .7em; font-weight: 800; font-size: .72rem; line-height: 1; top: 14px; left: 14px; margin: 0;
}

/* Ürün özeti */
.woocommerce div.product .product_title { font-size: clamp(1.6rem, 3vw, 2.3rem); margin-bottom: 8px; }
.single-brand { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brass-deep); margin-bottom: 6px; }
.single-brand:hover { color: var(--brand); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ink); font-size: 1.9rem; font-family: var(--serif); font-weight: 600; margin: 14px 0; }
.woocommerce div.product p.price del { color: var(--ink-3); font-size: .6em; font-weight: 400; }
.woocommerce div.product p.price ins { text-decoration: none; color: var(--brand); }
.single-installment { display: inline-flex; align-items: center; gap: .5em; color: var(--ink-2); font-size: .9rem; background: var(--brass-tint); padding: .5em .9em; border-radius: var(--r-sm); margin: 0 0 16px; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--ink-2); margin-bottom: 18px; }
.woocommerce .stock.in-stock { color: var(--ok); font-weight: 600; }
.woocommerce .stock.out-of-stock { color: var(--brand); font-weight: 600; }

/* Adet + sepete ekle */
.woocommerce div.product form.cart { display: flex; gap: 12px; align-items: stretch; margin: 18px 0; flex-wrap: wrap; }
.woocommerce .quantity .qty {
    width: 76px; height: 100%; min-height: 48px; text-align: center; border: 1.5px solid var(--line-2);
    border-radius: var(--r-sm); background: var(--paper-card); font-weight: 600;
}
.woocommerce div.product form.cart .button { min-height: 48px; flex: 1; min-width: 180px; }
.single-assurances { list-style: none; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.single-assurances li { display: flex; align-items: center; gap: 10px; color: var(--ink-2); font-size: .9rem; }
.single-assurances .antik-ic { color: var(--brass-deep); }
.woocommerce div.product .product_meta { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); font-size: .85rem; color: var(--ink-3); }
.woocommerce div.product .product_meta a { color: var(--ink-2); }
.woocommerce div.product .product_meta a:hover { color: var(--brand); }

/* Sekmeler */
.woocommerce-tabs ul.tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--line); padding: 0; margin: 0 0 24px; list-style: none; }
.woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce-tabs ul.tabs li { background: none; border: none; border-radius: 0; margin: 0; padding: 0; }
.woocommerce-tabs ul.tabs li a { padding: 12px 18px; font-weight: 700; color: var(--ink-2); border-bottom: 2px solid transparent; }
.woocommerce-tabs ul.tabs li.active a { color: var(--brand); border-bottom-color: var(--brand); }
.woocommerce-tabs ul.tabs li::after, .woocommerce-tabs ul.tabs li::before { display: none; }
.woocommerce-tabs .panel h2 { font-size: 1.4rem; margin-bottom: 14px; }

/* İlişkili / üst satış */
.woocommerce .related > h2, .woocommerce .upsells > h2, .products > h2 { font-family: var(--serif); font-size: 1.6rem; margin-bottom: 22px; }

/* ---- Sepet ---- */
.woocommerce table.shop_table { border-radius: var(--r); border-color: var(--line); overflow: hidden; background: var(--paper-card); }
.woocommerce table.shop_table th { font-family: var(--sans); font-weight: 700; background: var(--paper-deep); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--line); padding: 16px; }
.woocommerce .cart_item img { border-radius: var(--r-sm); }
.woocommerce a.remove { color: var(--brand) !important; border: 1px solid var(--line); }
.woocommerce a.remove:hover { background: var(--brand) !important; color: #fff !important; }
.cart-collaterals .cart_totals h2, .cross-sells h2 { font-family: var(--serif); font-size: 1.5rem; margin-bottom: 18px; }
.woocommerce .cart_totals table.shop_table { background: var(--paper-card); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 1rem; }

/* Sepet alt düzeni: toplamlar sağda kutu, çapraz satışlar tam genişlik altta */
.woocommerce-cart .cart-collaterals { width: 100%; display: block; }
.woocommerce-cart .cart-collaterals::after { content: ""; display: table; clear: both; }
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; max-width: 440px; float: right; margin: 0; }
.woocommerce-cart .cart-collaterals .cross-sells { width: 100%; float: none; clear: both; padding-top: clamp(32px, 5vw, 56px); }
.woocommerce-cart .cart-collaterals .cross-sells ul.products { grid-template-columns: repeat(4, 1fr) !important; }
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { width: auto !important; }
@media (max-width: 900px) {
    .woocommerce-cart .cart-collaterals .cart_totals { max-width: none; float: none; }
}

/* ---- Ödeme ---- */
/* Masaüstünde 2 sütun: solda bilgiler, sağda sipariş özeti + ödeme */
@media (min-width: 901px) {
    .woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1fr 440px; gap: 44px; align-items: start; }
    .woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / 4; }
    .woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; margin-top: 0; }
    .woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 120px; }
}
.woocommerce-checkout #customer_details .col2-set { display: block; }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; margin: 0 0 10px; }
.woocommerce-checkout #order_review_heading { font-family: var(--serif); font-size: 1.4rem; }
.woocommerce form .form-row label { font-weight: 600; font-size: .88rem; margin-bottom: 6px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .select2-container .select2-selection {
    border: 1.5px solid var(--line-2); border-radius: var(--r-sm); padding: .7em .9em; background: var(--paper-card); min-height: 46px;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
    border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-tint); outline: none;
}
.select2-container--default .select2-selection--single { height: 46px; display: flex; align-items: center; }
#order_review, .woocommerce-checkout #order_review_heading { background: var(--paper-card); }
.woocommerce-checkout #payment { background: var(--paper-deep); border-radius: var(--r); }
.woocommerce #payment #place_order, .woocommerce-checkout #payment #place_order { width: 100%; font-size: 1.05rem; padding: 1em; }

/* Şirket için fatura alanları */
.antik-company-invoice { margin-top: 8px; padding: 16px; background: var(--paper-deep); border-radius: var(--r); }
.antik-company-invoice .sirket-bilgileri { margin-top: 12px; display: none; }
.antik-company-invoice .sirket-bilgileri.show { display: block; }

/* ---- Hesabım ---- */
/* Giriş yapıldığında: menü + içerik 2 sütun.
   NOT: WC '.woocommerce' elemanına clearfix ::before/::after ekler; grid'de bunlar
   hücre işgal edip düzeni bozuyordu. Bu yüzden flex + sözde-elemanları kapatıyoruz. */
.logged-in.woocommerce-account .woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 36px; }
.logged-in.woocommerce-account .woocommerce::before,
.logged-in.woocommerce-account .woocommerce::after { content: none; display: none; }
.logged-in.woocommerce-account .woocommerce-MyAccount-navigation { flex: 0 0 240px; }
.logged-in.woocommerce-account .woocommerce-MyAccount-content { flex: 1 1 320px; min-width: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; float: none; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; background: var(--paper-card); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--line); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 13px 18px; font-weight: 600; color: var(--ink-2); transition: all .2s; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { background: var(--paper-deep); color: var(--brand); }
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; }

/* Giriş / Üye Ol sayfası (giriş yapılmamış) */
.woocommerce-account #customer_login.u-columns { display: flex; flex-wrap: wrap; gap: 28px; max-width: 880px; margin: 0 auto; align-items: flex-start; }
.woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .col-1, .woocommerce-account #customer_login .col-2 { flex: 1 1 320px; width: auto; float: none; margin: 0; }
.woocommerce-account #customer_login h2 { font-family: var(--serif); font-size: 1.5rem; margin-bottom: 18px; }
.woocommerce form.login, .woocommerce form.register { border: 1px solid var(--line); border-radius: var(--r); padding: 28px; background: var(--paper-card); }
.woocommerce-account form .form-row { width: 100%; display: block; }
.woocommerce-account form .form-row input.input-text { width: 100%; }

/* Kargo takip tablosu (müşteri sipariş detayı) */
.antik-kargo-takip { margin: 24px 0; }
.antik-kargo-takip h3 { font-family: var(--serif); font-size: 1.3rem; margin-bottom: 12px; }
.antik-kargo-table { width: 100%; border-collapse: collapse; background: var(--paper-card); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.antik-kargo-table th { text-align: left; background: var(--paper-deep); padding: 12px 16px; font-size: .85rem; width: 40%; }
.antik-kargo-table td { padding: 12px 16px; border-top: 1px solid var(--line); font-weight: 600; }

/* Yıldız puanları */
.woocommerce .star-rating span::before, .woocommerce p.stars a::before { color: var(--brass); }

/* ---- Duyarlı ---- */
@media (max-width: 900px) {
    .woocommerce div.product { grid-template-columns: 1fr; }
    .woocommerce div.product .woocommerce-product-gallery { position: static; }
    .woocommerce-checkout #customer_details { grid-template-columns: 1fr; }
    .logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
    .logged-in.woocommerce-account .woocommerce-MyAccount-content { flex: 1 1 100%; }
    .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; }
    .woocommerce-MyAccount-navigation li { flex: 1 1 auto; border-bottom: none; border-right: 1px solid var(--line); text-align: center; }
    .woocommerce-MyAccount-navigation li:last-child { border-right: none; }
}
