/* ==========================================================================
   bibaskici — WooCommerce uyarlamaları
   custom.css'teki tasarım sistemini WooCommerce'in kendi markup'ına (form.cart, .variations,
   bildirimler, ödeme formu, hesap tabloları) bağlar. Renkler yalnızca rol tokenlarından gelir.
   ========================================================================== */

/* ---------- Bildirimler ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notices-wrapper > div{ list-style:none; margin:0 0 16px; padding:14px 16px; border-radius:var(--r-md); font-size:14px; border:1px solid transparent; display:flex; gap:12px; align-items:center; flex-wrap:wrap }
.woocommerce-message{ background:var(--ok-soft); border-color:rgba(31,179,88,.22); color:#106B34 }
.woocommerce-info{ background:var(--info-soft); border-color:rgba(21,101,192,.18); color:#0F447F }
.woocommerce-error{ background:var(--danger-soft); border-color:rgba(198,40,40,.2); color:var(--danger) }
.woocommerce-error li, .woocommerce-message li{ list-style:none }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button{ margin-left:auto; order:2 }
.woocommerce-notices-wrapper:empty{ display:none }
.mk-toast{ position:fixed; left:50%; bottom:90px; transform:translateX(-50%); z-index:2001; background:var(--ink); color:var(--paper); padding:10px 18px; border-radius:var(--r-pill); font-size:14px; font-weight:600; box-shadow:var(--sh-lg); animation:mk-fade-up .25s var(--ease) both }
.button.is-added{ --bs-btn-bg:var(--ok); --bs-btn-border-color:var(--ok); color:#fff }

/* ---------- Genel buton eşlemesi (.button → tema) ---------- */
.woocommerce .button:not(.btn), .woocommerce button.button:not(.btn), .woocommerce a.button:not(.btn), .woocommerce input.button:not(.btn){
  display:inline-flex; align-items:center; gap:6px; padding:.75rem 1.375rem; border-radius:var(--r-md); font-size:.9375rem; font-weight:600;
  border:1px solid var(--line-soft); background:var(--paper); color:var(--ink); line-height:1.5; cursor:pointer; text-decoration:none;
}
.woocommerce .button.alt:not(.btn), .single_add_to_cart_button, #place_order, .woocommerce-form-login__submit, .checkout-button{
  background:var(--gold)!important; border-color:var(--gold)!important; color:var(--ink)!important; box-shadow:var(--sh-sm);
}
.single_add_to_cart_button{ font-size:1.0625rem!important; padding:.9375rem 1.75rem!important; border-radius:var(--r-md)!important }
.single_add_to_cart_button:disabled, .button.disabled{ opacity:.5; cursor:not-allowed }

/* ---------- Ürün sayfası: form.cart ---------- */
.mk-orderform{ margin-top:20px }
.mk-orderform form.cart{ display:flex; flex-direction:column; gap:16px }
.mk-orderform .variations{ width:100%; border-collapse:collapse }
.mk-orderform .variations th, .mk-orderform .variations td{ display:block; padding:0 }
.mk-orderform .variations tr{ display:block; margin-top:20px }
.mk-orderform .variations tr:first-child{ margin-top:0 }
.mk-orderform .variations th label, .mk-orderform .variations .mk-optlbl{ display:flex; align-items:center; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-2); margin-bottom:10px }
.mk-orderform .reset_variations{ display:inline-block; margin-top:8px; font-size:12px; color:var(--muted) }
.mk-varboxes{ display:flex; gap:10px; flex-wrap:wrap }
.mk-varboxes .mk-box.is-disabled{ opacity:.45; text-decoration:line-through }
.mk-orderform .single_variation_wrap{ margin-top:4px }
.mk-orderform .woocommerce-variation-price{ display:none } /* canlı fiyat .mk-pricebox'ta gösterilir */
.mk-orderform .woocommerce-variation-availability{ font-size:13px; color:var(--muted) }
.mk-orderform .woocommerce-variation-add-to-cart, .mk-orderform form.cart:not(.variations_form){ display:flex; gap:12px; align-items:center; flex-wrap:wrap; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--paper-alt); padding:16px }
.mk-orderform .woocommerce-variation-add-to-cart .mk-stepper, .mk-orderform form.cart:not(.variations_form) .mk-stepper{ flex:none }
.mk-orderform .single_add_to_cart_button{ flex:1; justify-content:center }
.mk-orderform .woocommerce-variation-description{ font-size:14px; color:var(--muted) }
.mk-orderform .grouped_form table{ width:100%; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; border-collapse:separate; border-spacing:0 }
.mk-orderform .grouped_form td{ padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:middle; font-size:14px }
.mk-orderform .grouped_form tr:last-child td{ border-bottom:0 }
.mk-orderform .grouped_form .woocommerce-grouped-product-list-item__label a{ font-weight:600; color:var(--ink) }
.mk-orderform .grouped_form .woocommerce-grouped-product-list-item__price{ white-space:nowrap; font-weight:700 }
.mk-orderform .grouped_form + .single_add_to_cart_button{ margin-top:12px }
.mk-shortdesc-wrap{ color:var(--muted); font-size:15px; margin-top:16px }
.mk-shortdesc-wrap ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px }
.mk-shortdesc-wrap li{ position:relative; padding-left:26px; font-size:14px }
.mk-shortdesc-wrap li::before{ content:""; position:absolute; left:0; top:3px; width:14px; height:14px; background:var(--brand); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") center/contain no-repeat }
.mk-price-live del{ color:var(--muted-2); font-weight:500; font-size:.6em; margin-right:6px }
.mk-price-live ins{ text-decoration:none }
.mk-card .mk-price .v del{ font-size:13px; color:var(--muted-2); font-weight:500; margin-right:4px }
.mk-card .mk-price .v ins{ text-decoration:none }
.mk-tabtext h2{ font-size:22px; margin-bottom:10px } .mk-tabtext h3{ font-size:17px; margin-top:22px } .mk-tabtext p, .mk-tabtext li{ color:var(--muted); font-size:15px }
.mk-tabs .tab-pane > h2:first-child{ font-size:22px }
.woocommerce-product-attributes{ width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden }
.woocommerce-product-attributes th, .woocommerce-product-attributes td{ padding:13px 16px; font-size:14px; border-bottom:1px solid var(--line); text-align:left }
.woocommerce-product-attributes tr:nth-child(odd){ background:var(--paper-alt) }
.woocommerce-product-attributes th{ color:var(--muted); width:46%; font-weight:500 }
.woocommerce-product-attributes td p{ margin:0; font-weight:600 }
.woocommerce-Reviews .commentlist{ padding:0 }
.woocommerce-Reviews .comment-form .row > fieldset{ padding:0 }
.woocommerce-Reviews .comment-reply-title{ font-size:18px; display:block; margin-bottom:6px }
.woocommerce-Reviews .comment-form{ background:var(--paper-alt); border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; margin-top:14px }
.woocommerce-Reviews .form-submit{ margin:0 }
.woocommerce-noreviews{ font-size:14px }

/* ---------- Form alanları (ödeme / hesap / adres) ---------- */
.woocommerce form .form-row{ margin-bottom:14px; padding:0 }
.woocommerce form .form-row label{ font-size:13px; font-weight:600; color:var(--ink-2); margin-bottom:6px; display:block }
.woocommerce form .form-row label .required{ color:var(--danger); text-decoration:none }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea, .woocommerce-input-wrapper .select2-container .select2-selection--single{
  display:block; width:100%; background:var(--paper); border:1px solid var(--line-soft); border-radius:var(--r-md); padding:11px 14px; font-size:15px; color:var(--ink); height:auto; line-height:1.5;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 4px var(--brand-soft) }
.woocommerce form .form-row.woocommerce-invalid .input-text{ border-color:var(--danger) }
.woocommerce form .form-row.woocommerce-validated .input-text{ border-color:var(--ok) }
.woocommerce-input-wrapper .select2-container .select2-selection--single{ padding:0 }
.select2-container--default .select2-selection--single{ height:46px!important; border:1px solid var(--line-soft)!important; border-radius:var(--r-md)!important; background:var(--paper)!important }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:44px!important; padding-left:14px!important; color:var(--ink)!important }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:44px!important }
.select2-dropdown{ border-color:var(--line-soft)!important; border-radius:var(--r-md)!important }
.woocommerce form .form-row-first, .woocommerce form .form-row-last{ width:49%; float:left }
.woocommerce form .form-row-last{ float:right }
.woocommerce form .form-row-wide, .woocommerce form .form-row-wide + .clear{ clear:both }
.woocommerce form .form-row .checkbox{ display:flex; gap:8px; align-items:flex-start; font-weight:500 }
.woocommerce-form__input-checkbox{ accent-color:var(--brand) }
.woocommerce-account-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields{ margin-top:22px }
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3{ font-size:16px; margin-bottom:14px }
#ship-to-different-address{ font-size:15px }
#ship-to-different-address label{ display:flex; gap:8px; align-items:center; font-weight:600 }

/* ---------- Ödeme: sipariş özeti tablosu + ödeme yöntemleri ---------- */
.woocommerce-checkout-review-order-table{ width:100%; border-collapse:collapse; font-size:14px }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{ padding:10px 0; border-bottom:1px dashed var(--line); text-align:left; vertical-align:top }
.woocommerce-checkout-review-order-table thead th{ font-size:11px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); border-bottom:1px solid var(--line) }
.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td{ text-align:right; font-variant-numeric:tabular-nums }
.woocommerce-checkout-review-order-table .product-quantity{ color:var(--muted) }
.woocommerce-checkout-review-order-table .variation{ margin:4px 0 0; font-size:12px; color:var(--muted); display:flex; flex-wrap:wrap; gap:2px 10px }
.woocommerce-checkout-review-order-table .variation dt, .woocommerce-checkout-review-order-table .variation dd{ display:inline; margin:0 }
.woocommerce-checkout-review-order-table tfoot th{ color:var(--muted); font-weight:500 }
.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td{ border-top:1px solid var(--line); border-bottom:0; padding-top:16px; font-size:15px }
.woocommerce-checkout-review-order-table .order-total .amount{ font-size:24px; font-weight:700; letter-spacing:-.03em }
.woocommerce-shipping-methods{ list-style:none; margin:0; padding:0 }
.woocommerce-shipping-methods li{ display:flex; gap:8px; align-items:center; font-size:14px }
#payment{ margin-top:22px }
#payment .wc_payment_methods{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px }
#payment .wc_payment_method{ border:1.5px solid var(--line); border-radius:var(--r-md); background:var(--paper); padding:14px 16px }
#payment .wc_payment_method:has(input:checked){ border-color:var(--brand); background:var(--brand-soft); box-shadow:0 0 0 3px var(--brand-soft) }
#payment .wc_payment_method > label{ display:flex; gap:10px; align-items:center; font-weight:600; font-size:15px; cursor:pointer; margin:0 }
#payment .wc_payment_method img{ max-height:24px; margin-left:auto }
#payment .payment_box{ margin-top:10px; font-size:13px; color:var(--muted); background:var(--paper-alt); border-radius:var(--r-sm); padding:12px 14px }
#payment .payment_box p:last-child{ margin:0 }
#payment .place-order{ margin-top:18px }
#place_order{ width:100%; justify-content:center; font-size:1.0625rem!important; padding:.9375rem 1.75rem!important }
.woocommerce-terms-and-conditions-wrapper{ font-size:13px; color:var(--muted); margin-bottom:12px }
.woocommerce-privacy-policy-text p{ margin-bottom:10px }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{ margin-bottom:14px }
.checkout_coupon{ display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin-bottom:22px }
.checkout_coupon .form-row{ margin:0; flex:1 }
.woocommerce-form-login-toggle .woocommerce-info{ margin-bottom:14px }

/* ---------- Sepet (WC sınıfları) ---------- */
.woocommerce-cart-form__contents .product-remove{ display:none }
.woocommerce-cart .actions .coupon .form-control{ max-width:200px }
.woocommerce-shipping-destination{ font-size:12px; color:var(--muted) }
.woocommerce-shipping-calculator{ margin-top:8px; font-size:13px }
.shipping-calculator-button{ font-size:13px }
.cart_totals .shipping td, .cart_totals .shipping th{ display:block; width:100% }
.cart_totals ul#shipping_method{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:14px }
.cart_totals ul#shipping_method li{ display:flex; gap:8px; align-items:center }
.cart_totals .woocommerce-remove-coupon{ margin-left:6px; font-size:12px; color:var(--danger) }
.mk-cartrow.actions{ gap:12px }

/* ---------- Hesabım ---------- */
.woocommerce-MyAccount-content .shop_table, .woocommerce-table--order-details, .woocommerce-orders-table{ width:100%; border-collapse:separate; border-spacing:0; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden }
.woocommerce-MyAccount-content .shop_table th, .woocommerce-table--order-details th{ text-align:left; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); padding:12px 16px; background:var(--paper-alt); border-bottom:1px solid var(--line); white-space:nowrap }
.woocommerce-MyAccount-content .shop_table td, .woocommerce-table--order-details td{ padding:14px 16px; font-size:14px; border-bottom:1px solid var(--line); vertical-align:middle }
.woocommerce-MyAccount-content .shop_table tbody tr:last-child td{ border-bottom:0 }
.woocommerce-MyAccount-content .shop_table tbody tr:hover{ background:var(--paper-alt) }
.woocommerce-orders-table__cell-order-number a{ font-weight:700; color:var(--ink) }
.woocommerce-orders-table__cell-order-actions .button{ padding:.375rem .875rem!important; font-size:.8125rem!important }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3{ font-size:18px; margin:0 0 14px }
.woocommerce-MyAccount-content > p{ font-size:15px; color:var(--muted) }
.woocommerce-MyAccount-content fieldset{ border:0; padding:0; margin:22px 0 0 }
.woocommerce-MyAccount-content legend{ font-size:16px; font-weight:600; margin-bottom:10px }
.woocommerce-Addresses{ display:grid; grid-template-columns:1fr 1fr; gap:16px }
.woocommerce-Address{ border:1px solid var(--line); border-radius:var(--r-lg); background:var(--paper); padding:22px }
.woocommerce-Address-title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }
.woocommerce-Address-title h2, .woocommerce-Address-title h3{ margin:0; font-size:16px }
.woocommerce-Address address{ font-size:14px; color:var(--muted); line-height:1.7; margin:0 }
.woocommerce-customer-details address{ font-style:normal; font-size:14px; color:var(--muted); line-height:1.7 }
.woocommerce-column--billing-address, .woocommerce-column--shipping-address{ border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; background:var(--paper); margin-top:12px }
.woocommerce-customer-details .woocommerce-columns{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
.order-again .button{ margin-top:12px }
.woocommerce-MyAccount-downloads .download-product a{ font-weight:600 }
.woocommerce-pagination .page-numbers{ display:flex; gap:6px; list-style:none; padding:0 }
.woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers{ min-width:40px; padding:8px 12px; text-align:center; border:1px solid var(--line); border-radius:var(--r-sm); font-weight:500; color:var(--ink); font-size:14px }
.woocommerce-pagination span.current{ background:var(--ink); color:var(--paper); border-color:var(--ink) }
.woocommerce-password-strength{ font-size:12px; margin-top:6px }
.woocommerce-password-hint{ font-size:12px; color:var(--muted) }
.show-password-input{ display:none }
.woocommerce-thankyou-order-received{ font-size:16px }
.woocommerce-order-details__title, .woocommerce-customer-details h2{ font-size:18px; margin:0 0 12px }
.wc-item-meta{ list-style:none; margin:4px 0 0; padding:0; font-size:12px; color:var(--muted) }
.wc-item-meta li{ display:inline; margin-right:10px }
.wc-item-meta p{ display:inline; margin:0 }
.mk-attrs dl.variation{ display:contents; margin:0 }
.mk-attrs dl.variation dt{ font-weight:600; color:var(--ink-2); display:inline }
.mk-attrs dl.variation dd{ display:inline; margin:0 12px 0 4px }
.mk-attrs dl.variation p{ display:inline; margin:0 }

/* ---------- Mobil ---------- */
@media (max-width:767.98px){
  .woocommerce form .form-row-first, .woocommerce form .form-row-last{ width:100%; float:none }
  .woocommerce-Addresses, .woocommerce-customer-details .woocommerce-columns{ grid-template-columns:1fr }
  .woocommerce-MyAccount-content .shop_table thead{ display:none }
  .woocommerce-MyAccount-content .shop_table, .woocommerce-MyAccount-content .shop_table tbody, .woocommerce-MyAccount-content .shop_table tr, .woocommerce-MyAccount-content .shop_table td{ display:block; width:100% }
  .woocommerce-MyAccount-content .shop_table tr{ border-bottom:8px solid var(--paper-alt) }
  .woocommerce-MyAccount-content .shop_table td{ display:flex; align-items:center; gap:14px; padding:10px 14px; border-bottom:1px dashed var(--line) }
  .woocommerce-MyAccount-content .shop_table td::before{ content:attr(data-title); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); flex:none; min-width:104px }
}