/* =========================================================================
   WooCommerce sayfaları (mağaza, kategori, ürün, sepet, ödeme, hesabım)
   site.css'teki tasarım dilini WooCommerce'in kendi HTML'ine giydirir.
   ========================================================================= */

/* ---------- sayfa çerçevesi ---------- */
.icerik-sayfa,.woo-sayfa{padding-block:var(--s-7) var(--s-9);min-height:50vh}
.sayfa-baslik{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);margin-bottom:var(--s-5)}
.sayfa-baslik-kucuk{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.sayfa-icerik{font-size:var(--f-sm);line-height:1.7;color:var(--ink-2)}
.sayfa-icerik > p{max-width:70ch;margin-bottom:var(--s-3)}
.yasal-sayfa{padding:0;overflow:visible;max-width:78ch}
.bulunamadi{text-align:center;padding-block:var(--s-8)}
.bulunamadi p{color:var(--ink-2);max-width:52ch;margin:0 auto var(--s-5)}
.bulunamadi .cta-row{justify-content:center}

/* ---------- kırıntı ---------- */
.kirinti{font-size:var(--f-xs);color:var(--ink-3);margin-bottom:var(--s-4);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kirinti a{color:var(--ink-2)}
.kirinti a:hover{color:var(--accent-700)}
.kirinti-ayrac{color:var(--line-strong)}

/* ---------- kategori / mağaza listesi ---------- */
.woocommerce-products-header__title.page-title{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);margin-bottom:var(--s-2)}
.term-description{color:var(--ink-2);font-size:var(--f-sm);max-width:62ch;margin-bottom:var(--s-4)}
.woocommerce-result-count{font-size:var(--f-sm);color:var(--ink-3);margin:0 0 var(--s-4)!important}
.woocommerce-ordering{margin:0 0 var(--s-4)!important}
.woocommerce-ordering select{min-height:44px;padding:0 var(--s-4);border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);font:inherit;font-size:var(--f-sm);color:var(--ink)}

.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important;grid-template-columns:repeat(5,1fr);gap:var(--s-4);margin:0 0 var(--s-6)!important;padding:0;list-style:none;clear:both}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  width:auto!important;float:none!important;margin:0!important;padding:0!important;display:flex;text-align:left}
.woocommerce ul.products li.product .card{width:100%}
.related.products ul.products,.detay-benzer ul.products{grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){ .woocommerce ul.products{grid-template-columns:repeat(4,1fr)} }
@media (max-width:900px){ .woocommerce ul.products,.related.products ul.products{grid-template-columns:repeat(3,1fr)} }
@media (max-width:640px){ .woocommerce ul.products,.related.products ul.products{grid-template-columns:repeat(2,1fr);gap:var(--s-3)} }

.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;justify-content:center;gap:var(--s-2)}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:44px;min-height:44px;display:grid!important;place-items:center;border-radius:10px;border:1.5px solid var(--line-strong)!important;font-weight:600}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* ---------- ürün sayfası ---------- */
.urun-sayfasi .detay-gorsel .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important;opacity:1!important}
.urun-sayfasi .woocommerce-product-gallery__image img{border-radius:var(--radius-lg)}
.urun-sayfasi .detay-bilgi{width:auto!important;float:none!important}
.urun-sayfasi .detay-fiyat .woocommerce-Price-amount{font-weight:800}
.urun-sayfasi .product_title{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);margin:var(--s-2) 0 var(--s-3)}

.metre-form form.cart{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3);margin:0 0 var(--s-4)!important}
.metre-form .metre-etiket{flex-basis:100%;margin-bottom:0}
.metre-kutu{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:180px}
.metre-kutu .quantity{flex:1;margin:0!important;float:none!important}
.metre-kutu .quantity input.qty{width:100%!important;height:52px;text-align:center;font-size:1.25rem;font-weight:700;
  border:1.5px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font-family:inherit}
.metre-kutu .quantity input.qty:focus{outline:2px solid var(--accent);outline-offset:1px}
.metre-form .single_add_to_cart_button{flex:1 1 220px;min-height:52px!important;border-radius:10px!important;
  background:var(--accent)!important;color:var(--brand-900)!important;font-weight:700!important;font-size:var(--f-sm)!important;float:none!important;padding:0 var(--s-6)!important}
.metre-form .single_add_to_cart_button:hover{background:var(--accent-700)!important;color:#fff!important}
.metre-toplam{margin-bottom:var(--s-3)}
.metre-form .mt-bilgi a{color:var(--accent-700);font-weight:600;text-decoration:underline}
.detay-butonlar .btn svg{width:18px;height:18px}
.detay-aciklama{max-width:70ch;margin-top:var(--s-7);font-size:var(--f-sm);line-height:1.7;color:var(--ink-2)}
.detay-aciklama p{margin-bottom:var(--s-3)}
.detay-benzer .related > h2{font-size:var(--f-h3);margin-bottom:var(--s-4)}
.woocommerce div.product .stock{display:none}

/* ---------- WooCommerce bildirimleri ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  border:1px solid var(--line)!important;border-left:4px solid var(--accent)!important;border-radius:10px!important;
  background:var(--surface)!important;color:var(--ink)!important;font-size:var(--f-sm)!important;padding:var(--s-4) var(--s-5) var(--s-4) 3.2em!important;margin-bottom:var(--s-5)!important}
.woocommerce-error{border-left-color:var(--danger)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent-700)!important}
.woocommerce-message .button,.woocommerce-info .button{float:right}

/* ---------- genel WooCommerce düğmeleri ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s-6);
  border-radius:10px;background:var(--ink);color:#fff;font-weight:600;font-size:var(--f-sm);font-family:inherit;line-height:1}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--brand-900);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--accent);color:var(--brand-900)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--accent-700);color:#fff}

/* ---------- formlar (hesabım, klasik ödeme) ---------- */
.woocommerce form .form-row label{font-size:var(--f-sm);font-weight:600;color:var(--ink)}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{
  min-height:48px;padding:var(--s-3) var(--s-4);border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);font:inherit;color:var(--ink)}
.woocommerce form.login,.woocommerce form.register{border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;background:var(--surface);padding:var(--s-6)!important}

/* ---------- hesabım ---------- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:var(--s-7);align-items:start}
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after{content:none}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{width:auto!important;float:none!important}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:flex;align-items:center;min-height:48px;padding:0 var(--s-4);font-size:var(--f-sm);color:var(--ink-2);border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--mist);color:var(--ink);font-weight:600}
@media (max-width:760px){ .woocommerce-account .woocommerce{grid-template-columns:1fr;gap:var(--s-5)} }
.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;background:var(--surface);font-size:var(--f-sm)}

/* ---------- blok sepet ve ödeme sayfası ---------- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:inherit;color:var(--ink)}
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  background:var(--accent)!important;color:var(--brand-900)!important;border-radius:10px!important;min-height:52px;font-weight:700!important;border:0!important}
.wc-block-components-button:not(.is-link):hover{background:var(--accent-700)!important;color:#fff!important}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-textarea,.wc-blocks-components-select__select{border-radius:10px!important;border-color:var(--line-strong)!important}
.wc-block-components-totals-item__label,.wc-block-components-product-name{color:var(--ink)}
.wc-block-components-title,.wc-block-checkout__form h2{font-family:inherit!important}
.wc-block-components-sidebar-layout .wc-block-components-main{padding-right:var(--s-6)}
.wc-block-components-quantity-selector{border-radius:10px!important}

/* ---------- sepet çekmecesi ek parçaları ---------- */
.cart-line b a{color:inherit}
.cart-line b a:hover{color:var(--accent-700)}
.drawer-foot .baglanti-btn{display:block;text-align:center;margin-top:var(--s-2)}
#odemeyeGec.pasif{opacity:.45}
.drawer-foot .kargo-ipucu{margin:0 0 var(--s-3)}

/* ---------- anasayfa: toptan kutusundaki WhatsApp düğmesi ---------- */
.news .btn svg{width:18px;height:18px}
.news .kvkk a{color:inherit;text-decoration:underline}

/* ---------- "mağaza yakında" ve yönetici çubuğu ile üst menü çakışmasın ---------- */
.admin-bar #hdr{top:32px}
@media (max-width:782px){ .admin-bar #hdr{top:46px} }

/* kart fiyatı WooCommerce'in kendi rengine dönmesin */
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price .amount{color:var(--ink)!important;font-size:1.05rem!important;font-weight:800;margin:0!important}
.woocommerce ul.products li.product .price small{font-size:var(--f-xs);font-weight:500;color:var(--ink-3)}
.wc-block-checkout__terms .wc-block-components-checkbox__label a{color:var(--accent-700);text-decoration:underline}

/* =========================================================================
   Sipariş alındı sayfası (woocommerce/checkout/thankyou.php)
   ========================================================================= */
.siparis-tamam{max-width:1080px;margin:0 auto}
.st-ust{text-align:center;padding:var(--s-6) var(--s-5) var(--s-7);max-width:720px;margin:0 auto}
.st-tik{width:72px;height:72px;margin:0 auto var(--s-4);border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(212,160,86,.18)}
.st-tik svg{width:34px;height:34px;fill:none;stroke:var(--brand-900);stroke-width:2.6}
.st-ust .eyebrow{justify-content:center;margin-bottom:var(--s-2)}
.st-ust h1{font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);margin-bottom:var(--s-3)}
.st-ust > p{color:var(--ink-2);font-size:var(--f-sm);line-height:1.7;max-width:56ch;margin:0 auto}
.st-hata .cta-row{justify-content:center;margin-top:var(--s-5)}
.st-bilgi{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:var(--s-6) auto 0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;text-align:left}
.st-bilgi div{padding:var(--s-4);border-right:1px solid var(--line)}
.st-bilgi div:last-child{border-right:0}
.st-bilgi dt{font-size:11px;letter-spacing:.08em;color:var(--ink-3);margin-bottom:4px}
.st-bilgi dd{margin:0;font-weight:700;font-size:1rem;color:var(--ink);font-variant-numeric:tabular-nums}

.st-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--s-5);align-items:start}
.st-sol,.st-sag{display:grid;gap:var(--s-5)}
.st-kutu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6)}
.st-kutu h2{font-size:1.15rem;margin-bottom:var(--s-4)}
.st-kutu-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}
.st-kutu-bas h2{margin:0}
.st-durum{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent-700);background:rgba(212,160,86,.16);border-radius:6px;padding:4px 10px}

.st-havale{border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,160,86,.14)}
.st-adimlar{list-style:none;padding:0;margin:0 0 var(--s-5);display:grid;gap:var(--s-3)}
.st-adimlar li{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--f-sm);color:var(--ink-2);line-height:1.55}
.st-adimlar li > span{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.st-adimlar b{color:var(--ink)}
.st-hesap{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:var(--s-4)}
.st-hesap + .st-hesap{margin-top:var(--s-3)}
.st-satir{display:flex;justify-content:space-between;gap:var(--s-4);padding:6px 0;font-size:var(--f-sm);border-bottom:1px dashed var(--line)}
.st-satir span,.st-iban > span{color:var(--ink-3)}
.st-satir b{text-align:right}
.st-iban{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);padding-top:var(--s-3)}
.st-iban > span{font-size:var(--f-sm)}
.st-iban code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:700;letter-spacing:.02em;color:var(--ink);background:none;padding:0;word-break:break-word}
.st-iban .btn{min-width:96px}
.st-iban .btn.kopyalandi{background:var(--ink);color:#fff}
.st-not{font-size:var(--f-xs);color:var(--ink-3);margin:var(--s-4) 0 0}

.st-urunler{list-style:none;padding:0;margin:0}
.st-urunler li{display:grid;grid-template-columns:48px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}
.st-urunler li:first-child{padding-top:0}
.st-gorsel{width:48px;height:48px;border-radius:8px}
.st-urunler b{display:block;font-size:var(--f-sm)}
.st-urunler small{font-size:var(--f-xs);color:var(--ink-3)}
.st-tutar{font-variant-numeric:tabular-nums;white-space:nowrap}
.st-toplamlar{margin:var(--s-3) 0 0;display:grid;gap:0}
.st-toplamlar div{display:flex;justify-content:space-between;gap:var(--s-4);padding:8px 0;font-size:var(--f-sm);color:var(--ink-2)}
.st-toplamlar dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.st-toplamlar dd small,.st-toplamlar .shipped_via{display:block;font-size:11px;color:var(--ink-3)}
.st-toplamlar .st-genel{border-top:1px solid var(--line);margin-top:4px;padding-top:var(--s-3);color:var(--ink);font-weight:800;font-size:1.1rem}

.st-sag address{font-style:normal;font-size:var(--f-sm);line-height:1.7;color:var(--ink-2)}
.st-tel{font-size:var(--f-sm);color:var(--ink-2);margin-top:var(--s-2)}
.st-yardim p{font-size:var(--f-sm);color:var(--ink-2);margin-bottom:var(--s-4)}
.st-yardim .btn + .btn{margin-top:var(--s-2)}
.st-yardim .btn svg{width:18px;height:18px}
.st-devam{justify-self:center}

@media (max-width:900px){
  .st-grid{grid-template-columns:1fr}
  .st-bilgi{grid-template-columns:repeat(2,1fr)}
  .st-bilgi div:nth-child(2){border-right:0}
  .st-bilgi div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:560px){
  .st-ust{padding-inline:0}
  .st-kutu{padding:var(--s-5) var(--s-4)}
  .st-iban{grid-template-columns:1fr auto}
  .st-iban > span{grid-column:1/-1}
  .st-iban code{font-size:.95rem}
}

/* ---- canlı denetim düzeltmeleri (2026-09-29) ---- */
/* telefonda form doldurulan sayfalarda sabit WhatsApp/Instagram düğmeleri kutuların üstüne binmesin */
@media (max-width:760px){
  body.woocommerce-checkout .sabit-iletisim,
  body.woocommerce-cart .sabit-iletisim,
  body.woocommerce-account .sabit-iletisim{display:none}
}
/* ödeme sayfasındaki küçük bağlantılar parmakla rahat basılsın */
.wc-block-checkout__login-prompt,.wc-block-components-address-form__address_2-toggle{display:inline-flex;align-items:center;min-height:44px}
/* sepet başlıklarında büyük harf dönüşümü Türkçe i'yi bozuyor */
.wc-block-cart-items__header,.wc-block-cart-items__header span,.wc-block-components-totals-wrapper .wc-block-components-title{text-transform:none!important;letter-spacing:0}
/* hesabım: giriş / üye ol başlıkları sayfa başlığıyla yarışmasın */
.woocommerce-account .u-column1 > h2,.woocommerce-account .u-column2 > h2{font-size:1.35rem;margin-bottom:var(--s-3)}
.woocommerce-account .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)}
.woocommerce-account .col2-set::before,.woocommerce-account .col2-set::after{content:none}
.woocommerce-account .col2-set .col-1,.woocommerce-account .col2-set .col-2{width:auto!important;float:none!important}
@media (max-width:760px){ .woocommerce-account .col2-set{grid-template-columns:1fr} }
/* sepet bloğundaki +/− ve sil düğmeleri telefonda çok küçüktü (21px) */
.wc-block-components-quantity-selector{min-height:44px}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{min-width:44px!important;min-height:44px!important}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{min-height:44px;font-size:1rem!important}
.wc-block-cart-item__remove-link{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center}
.wc-block-components-checkout-step__heading-content .wc-block-checkout__login-prompt{display:inline-flex!important;align-items:center;min-height:44px;padding-inline:4px}

/* =========================================================================
   Kumaş türü sayfaları ve ürün bilgi bloğu (inc/seo-icerik.php)
   ========================================================================= */
.tur-giris{max-width:72ch;margin:0 0 var(--s-5)}
.tur-giris p{color:var(--ink-2);font-size:var(--f-sm);line-height:1.7}
.tur-giris-alt{margin-top:var(--s-2);font-size:var(--f-xs)!important;font-weight:600;color:var(--accent-700)!important}

.tur-bilgi,.urun-bilgi{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s-6);margin-top:var(--s-8);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}
.urun-bilgi{grid-template-columns:1.3fr 1fr;margin-top:var(--s-7)}
.tur-bilgi h2,.urun-bilgi h2{font-size:1.25rem;margin-bottom:var(--s-4)}
.tur-bilgi h3,.urun-bilgi h3{font-size:1rem;margin:var(--s-5) 0 var(--s-3)}
.urun-bilgi p{font-size:var(--f-sm);line-height:1.7;color:var(--ink-2);max-width:62ch}
.tur-ozellik{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.tur-ozellik li{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--line);font-size:var(--f-sm)}
.tur-ozellik span{color:var(--ink-3)}
.tur-ozellik b{text-align:right}
.tur-kullanim{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.tur-kullanim li{font-size:var(--f-xs);font-weight:600;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.tur-bilgi .sss details{border-top:1px solid var(--line)}
.urun-bilgi-link{margin-top:var(--s-4)}
.urun-bilgi-link a{font-weight:600;color:var(--accent-700);text-decoration:underline}
@media (max-width:900px){ .tur-bilgi,.urun-bilgi{grid-template-columns:1fr;padding:var(--s-5) var(--s-4)} }

/* indirimli tutarlar */
.mt-toplam s,.calc-total s,.metre-toplam s{font-size:.6em;font-weight:500;color:var(--ink-3);margin-right:6px}
.metre-form .mt-bilgi.aktif{color:var(--accent-700);font-weight:600}
.cart-indirim b{color:var(--accent-700)}
.cart-sum small{font-size:11px;color:var(--ink-3);font-weight:500}