/**
 * Theme Name:     Unimart Child
 * Author:         Rainbow-Themes
 * Template:       unimart
 * Text Domain:	   unimart-child
 * Description:    Unimart is a powerful, modern, and fully customizable WooCommerce WordPress theme designed for eCommerce stores. Perfect for online shops, marketplaces, and retail businesses — Unimart offers seamless integration with WooCommerce, responsive layouts, and an intuitive live editor for ultimate design freedom.
 * Theme URI:      https://getunimart.com
 * Author URI:     https://rainbowthemes.net/
 * Version:        1.0.0
 * Tested up to:   7.0
 * License:        Envato Marketplaces Split License
 * License URI:    https://themeforest.net/licenses/standard
 * Tags:           e-commerce, rtl-language-support, blog, portfolio, custom-colors, featured-images, translation-ready
 */

/*
 * Odeme (checkout) sayfasinda breadcrumb ust bosluk fazla geliyordu.
 * Sadece bu sayfayi (body.woocommerce-checkout) hedefliyoruz, ptb--92
 * global utility class'i diger sayfalarda oldugu gibi kalsin.
 */
.woocommerce-checkout .rbt-breadcrumb-wrapper.ptb--92 {
	padding-top: 40px !important;
}

/*
 * Kategori/magaza sayfasindaki "Sirala" / "Goster" bootstrap-select menuleri
 * acildiginda, listenin altinda ~337px yuksekliginde kati bir #E6E6E6 gri
 * kutu cikiyordu.
 *
 * Sebep (olculdu): tema CSS'inde
 *   .rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar
 *   { width:4px; height:337px; background-color:var(--color-gray-200) }
 * kurali var. ::-webkit-scrollbar uzerindeki `height`, DIKEY cubugun boyu
 * degil YATAY kaydirma cubugunun KALINLIGIDIR. Yani yatay cubuk ciktigi anda
 * menunun altina 337px'lik gri bir serit ekleniyor.
 *
 * Yatay cubuk da su yuzden cikiyor: .rbt-shop-view-sort-select-one icin
 * .bootstrap-select `width:max-content` (yani secili "Varsayilan" metni kadar,
 * 188px). Acilir menu shrink-to-fit ile bu genisligi aliyor, cunku icindeki
 * .inner `overflow-y:auto` oldugu icin min-content katkisi 0. Ama secenekler
 * (ör. "Fiyata gore: yuksekten dusuge") 211px yer istiyor -> 211 > 188 ->
 * yatay cubuk -> 220px liste + 337px gri serit = olculen 557px.
 *
 * Iki katmanli duzeltme:
 *  1) Cubugun kalinligini normale cek (asil hata bu; icerigi tasan baska bir
 *     select'te de ayni gri serit cikardi).
 *  2) Bu arac cubugundaki menuler icerige gore genislesin -> yatay tasma hic
 *     olusmasin, secenek metinleri de kirpilmasin. Burada `width:max-content`
 *     ISE YARAMIYOR (Chrome, bootstrap-select'in inline `overflow` verdigi
 *     kutularda bunu min-width:100% degerine kilitliyor); calisani
 *     `min-width:max-content`. Dikey kaydirma davranisi (inline max-height +
 *     overflow-y:auto) bilerek korunuyor, uzun listeler yine kayabilsin.
 *
 * NOT: child-style, temanin ana CSS'inden ONCE yuklendigi icin ayni ozgullukte
 * bir kural kaybeder; kurallarin basina `body` eklenerek ozgulluk artiriliyor
 * (asagidaki hover duzeltmesindeki ayni gerekce).
 */
body .rbt-modern-select .bootstrap-select .dropdown-menu .inner.show {
	scrollbar-width: thin;
	scrollbar-color: var(--color-gray-200) transparent;
}
body .rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: transparent;
}
body .rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar-thumb {
	background-color: var(--color-gray-200);
	border-radius: 4px;
}
body .rbt-shop-view-sort-wrapper .rbt-modern-select .bootstrap-select .dropdown-menu.show,
body .rbt-shop-view-sort-wrapper .rbt-modern-select .bootstrap-select .dropdown-menu.show .inner.show {
	min-width: max-content;
}

/*
 * Urun kartlarindaki hover (ikinci resim) gecisinde urunun beyaz fonu sariya
 * donuyordu. Sebep: .rbt-card-img.rbt-bg-color-default kutusunun arka plani
 * tema tarafindan var(--color-brand-100) yapiliyor; bu degisken tema
 * ayarlarindaki turuncu ana renkten (#f89a20) turetildigi icin krem/sari
 * (#fef4e8). Hover'da ana resim opacity:0'a, hover resmi opacity:1'e giderken
 * .4s boyunca IKI resim de yari saydam oluyor ve altta kalan bu krem zemin
 * gorunup beyaz urun fonunu sariya boyuyor.
 * Cozum: gecisleri (crossfade) bozmadan kartin zeminini beyaza cekiyoruz.
 *
 * NOT: child-style, temanin ana CSS'inden (unimart-main / assets/css/style.css)
 * ONCE yukleniyor (head sirasi: child-style #6, unimart-main #14). Bu yuzden
 * ayni ozgullukteki kural tema tarafindan eziliyor; basa `body` eklenerek
 * ozgulluk 0,3,0'dan 0,3,1'e cikariliyor (!important'a gerek kalmadan kazanir).
 */
body .rbt-product-card .rbt-card-img.rbt-bg-color-default {
	background: var(--color-white);
}

/*
 * Temada "14 Gün İade Garantisi" / iade rozeti ve kaydırıcı slaydını gizle.
 */
body .swiper-slide:has(.fa-rotate-left),
body .rbt-text-group:has(.fa-rotate-left) {
	display: none !important;
}

/* ==========================================================================
   Kargo arayüzü sadeleştirmesi — kargo her zaman ücretsiz
   --------------------------------------------------------------------------
   Sitede tek kargo yöntemi var: "Ücretsiz gönderim" (min_amount = 0, yalnızca
   Türkiye bölgesi). Seçilecek, hesaplanacak veya beklenecek bir şey olmadığı
   için sepet/ödeme akışındaki tüm kargo formları ve menüleri gizlenir.

   Neden CSS: bu blokları üreten tema şablonları 250-450 satırlık dosyalar ve
   mini sepet AJAX ile sürekli yeniden basılıyor. Şablonları alt temaya kopyalamak
   hem tema güncellemelerinde bakım yükü yaratır hem de JS yeniden bastığında
   etkisiz kalır. Ayrıca tek kargo yöntemi seçili (checked) radio olarak DOM'da
   kalmalı ki tema JS'i ve WooCommerce oturumu bozulmasın — bu yüzden kaldırmak
   değil gizlemek doğru yaklaşım.
   ========================================================================== */

/* Tek seçenekli kargo yöntemi listesi (radio "Ücretsiz gönderim").
   DOM'da kalır, sadece görünmez — JS ve oturum bozulmasın diye. */
#unimart-shipping-methods-container,
.unimart-shipping-methods-list {
	display: none !important;
}

/* Ülke/il/posta kodu hesaplayıcı formları (sepet sayfası + mini sepet). */
form.unimart-calculate-cart-page-shipping-price,
form.woocommerce-shipping-calculator {
	display: none !important;
}

/* Mini sepetteki "Kargo Detayları" popup'ı (shipping-fly-cart.php).
   DİKKAT: `shipping-popup` sınıfı genel bir sınıf — sepet sayfasındaki KUPON ve
   "satıcı için not ekle" kartları da onu taşıyor (cart-page-content.php'deki üç
   collapse öğesinin üçünde de var). Sade `.shipping-popup` ile gizlemek kupon
   ve not içeriğini de götürüyordu. Ayırt edici fark: sepet sayfasının üç kartı
   `has-default-visible` sınıfını taşıyor, mini sepettekinde o sınıf yok. */
.rbt-offcanvas-inner-popup-card.shipping-popup:not(.has-default-visible) {
	display: none !important;
}

/* Sepet sayfası sağ sütunundaki "Kargo ücretini tahmin et" açılır bölümü ve
   hemen ardından gelen ayraç. Ayraç da gitmeli, yoksa widget'ın tepesinde
   48px'lik (mt--24 + mb--24) boş bir çizgi kalır.

   Yalnızca bu collapse öğesi gizlenir, onu saran `.rbt-sidebar-widget` DEĞİL:
   aynı widget'ın içinde kupon ve not bölümleri de var. Widget'ın tamamını
   gizlemek hem o ikisini götürüyor hem de sağ sütunun ilk görünen bloğunu ara
   toplam kutusu yapıp (mt--24 + padding-top:16px = 40px) sütunu sol sütundaki
   ürün tablosundan aşağı kaydırıyordu.

   :has() ayrı kuralda tutuluyor: desteklemeyen bir tarayıcıda geçersiz seçici
   kuralın TAMAMINI düşürür, yukarıdaki gizlemeleri de götürürdü. */
.rbt-single-collapse-item:has(.unimart-calculate-cart-page-shipping-price),
.rbt-single-collapse-item:has(.unimart-calculate-cart-page-shipping-price) + .rbt-separator {
	display: none !important;
}

/* Mini sepetteki "Kargo" hızlı erişim butonu (kargo hesaplayıcı popup'ını açıyor).
   Yanındaki ayracı da gizle, yoksa "Not | | Kupon" gibi çift ayraç kalıyor. */
.minicart-quick-access-area .rbt-shipping-btn,
.minicart-quick-access-area .rbt-shipping-btn + .hr-sepator {
	display: none !important;
}

/* "Ücretsiz kargoya X TL kaldı" ilerleme çubuğu.
   mu-plugin sunucu tarafında da kapatıyor; bu, kalan boş kapsayıcıyı temizler. */
.offer-progress-area {
	display: none !important;
}

/* Kargo tutarı satırları "0₺" / "₺0,00" yerine "Ücretsiz" yazsın.
   Değer AJAX ile sürekli yeniden yazıldığı için içeriği metin olarak değil
   font-size ile gizleyip ::after ile sabit etiket basıyoruz. */
.unimart-shipping-total-row .price,
.rbt-cart-subttotal .unimart-total-shipping,
.rbt-cart-subttotal .unimart-shipping-total {
	font-size: 0 !important;
}

.unimart-shipping-total-row .price::after,
.rbt-cart-subttotal .unimart-total-shipping::after,
.rbt-cart-subttotal .unimart-shipping-total::after {
	content: "Ücretsiz";
	font-size: 14px;
	font-weight: 500;
}

/* ==========================================================================
   Sipariş Takip (/siparis-takip/) ve Ödeme (/odeme/) — form ve içerik okunabilirliği
   --------------------------------------------------------------------------
   SORUN (ölçüldü):
   Temanın global form kuralı (unimart/assets/css/style.css) şunu diyor:
     input[type=text],...,textarea {
       background: rgba(0,0,0,0);            -> saydam
       color: var(--color-gray-400);         -> #888888
       border: 2px solid var(--color-gray-200);
     }
   Ödeme sayfasında fatura formu `.rbt-transparent-table-one-wrapper.rbt-has-bg-gray`
   kartının içinde ve o kartın zemini `var(--color-gray-100)` = #f3f3f3. Alanlar
   saydam olduğu için yazılan metin GRİ ZEMİN ÜZERİNDE GRİ oluyor:
     #888888 / #f3f3f3  = 3.19:1   -> WCAG AA (4.5:1) ALTINDA
   Beyaz zeminli Sipariş Takip sayfasında da durum iyi değil:
     #888888 / #ffffff  = 3.54:1   -> yine AA altında
   Gövde metni de aynı şekilde zayıf:
     #737373 / #f3f3f3  = 4.27:1   -> AA altında

   Ayrıca çerçeve pratikte görünmüyor: WooCommerce entegrasyon kuralı
     .woocommerce form .form-row .input-text,
     .woocommerce form .form-row select { border: 1px solid #f4f4f4 }
   temanın 2px #e6e6e6 kenarlığını eziyor; #f4f4f4 beyazdan ayırt edilemiyor.
   Placeholder kuralı da bozuk: `color: var(--body-color)` — bu değişken temada
   TANIMSIZ (doğrusu --color-body). Tanımsız var() fallback'siz olduğunda
   özellik geçersizleşiyor ve placeholder input'un kendi #888 rengini miras
   alıyor; yani placeholder ile gerçek metin aynı renkte.

   ÇÖZÜM:
   1) Alanlara beyaz zemin ver  -> gri kartın üstünde net bir "yazılabilir kutu".
   2) Metni #1a1d21 yap         -> beyaz üstünde 16.9:1.
   3) İnce turuncu çerçeve      -> marka rengiyle uyumlu, alanı sınırlıyor.
      Dinlenme #d9800f, odak #c96a00 + halka. Odak rengi bilerek ana turuncudan
      (#f89a20) daha koyu: #f89a20 beyazda 2.18:1 kalıyor ve WCAG 1.4.11'in
      arayüz sınırları/odak göstergesi için istediği 3:1'i karşılamıyor.
      #c96a00 beyazda 3.79:1, gri kartta 3.41:1 -> her iki bağlamda da geçer.
   4) Placeholder'ı açıkça #767676 yap (beyazda 4.54:1) -> okunur ama ikincil,
      gerçek metinden ayrışıyor.
   5) İçerik metinlerini #4a4f57'ye çek (gri kartta 7.43:1).

   ÖZGÜLLÜK NOTU: child-style, temanın ana CSS'inden ÖNCE yükleniyor (head
   sırası: child-style #8, unimart-main #16). Bu yüzden seçiciler bilerek
   tema kurallarının yapısını (.woocommerce form .form-row ...) tekrarlayıp
   başına `body` / `body.woocommerce-checkout` ekliyor; !important'a gerek
   kalmadan kazanıyorlar.

   KAPSAM: sadece bu iki sayfa. Ödeme için `body.woocommerce-checkout`,
   Sipariş Takip için formun kendi sınıfı `form.track_order` (sayfa ID'sine
   bağlanmadı; sayfa yeniden oluşturulsa bile shortcode aynı formu basıyor).
   ========================================================================== */

/* --- 1) Metin alanları: beyaz zemin, koyu metin, ince turuncu çerçeve ----- */
body.woocommerce-checkout .woocommerce form .form-row .input-text,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body .woocommerce form.track_order .form-row .input-text {
	background-color: #fff;
	color: #1a1d21;
	border: 1px solid #d9800f;
	border-radius: var(--radius, 6px);
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}

body.woocommerce-checkout .woocommerce form .form-row .input-text:hover,
body.woocommerce-checkout .woocommerce form .form-row select:hover,
body.woocommerce-checkout .woocommerce form .form-row textarea:hover,
body .woocommerce form.track_order .form-row .input-text:hover {
	border-color: #c96a00;
}

body.woocommerce-checkout .woocommerce form .form-row .input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body .woocommerce form.track_order .form-row .input-text:focus {
	border-color: #c96a00;
	box-shadow: 0 0 0 3px rgba(217, 120, 6, .18);
	outline: none;
}

/* textarea (sipariş notu) tema tarafından 50px'e sabitleniyor; çok satırlı
   alanın tek satır görünmesi okunabilirliği düşürüyordu. */
body.woocommerce-checkout .woocommerce form .form-row textarea.input-text {
	height: auto;
	min-height: 96px;
	padding: 12px 15px;
	line-height: 1.6;
}

/* --- 2) Placeholder: okunur ama gerçek metinden ayrışsın ----------------- */
body.woocommerce-checkout .woocommerce form .form-row .input-text::placeholder,
body.woocommerce-checkout .woocommerce form .form-row textarea::placeholder,
body .woocommerce form.track_order .form-row .input-text::placeholder {
	color: #767676;
	opacity: 1;
}

/* --- 3) Etiketler: gri değil, siyah ve yarı kalın ------------------------ */
body.woocommerce-checkout .woocommerce form .form-row label,
body .woocommerce form.track_order .form-row label {
	color: var(--color-heading, #000);
	font-weight: 500;
	margin-bottom: 6px;
	display: block;
}

/* "(isteğe bağlı)" ve zorunluluk yıldızı ikincil kalsın ama okunur olsun. */
body.woocommerce-checkout .woocommerce form .form-row label .optional {
	color: #6b7078;
	font-weight: 400;
}

/* --- 4) select2 (Ülke / İl kutuları) ------------------------------------
   Bu kutular native <select>'i gizleyip kendi kutusunu basıyor; yukarıdaki
   kurallar onlara ulaşmıyor. Tema burada da #888 metin kullanıyor.
   select2 kapsayıcısı <body> altına eklendiği için body scope'u çalışıyor. */
body.woocommerce-checkout .select2-container .select2-selection {
	background-color: #fff;
	border: 1px solid #d9800f;
	border-radius: var(--radius, 6px);
}
body.woocommerce-checkout .select2-container:not(.select2-container--open) .select2-selection {
	border-color: #d9800f !important; /* tema bu durumu !important ile #e6e6e6'ya sabitliyor */
}
body.woocommerce-checkout .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
	color: #1a1d21;
}
body.woocommerce-checkout .select2-container--open .select2-selection {
	border-color: #c96a00;
	box-shadow: 0 0 0 3px rgba(217, 120, 6, .18);
}
/* Açılan listede seçili/vurgulu satır ve normal satırlar okunur olsun.
   select2 açılır kutuyu <body> altına ekliyor, ama body hâlâ
   .woocommerce-checkout sınıfını taşıdığı için kapsam korunuyor. */
body.woocommerce-checkout .select2-container--default .select2-results__option {
	color: #1a1d21;
}
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-primary, #f89a20);
	color: #fff;
}

/* --- 5) İçerik metinleri: gri kart üzerinde #737373 -> #4a4f57 ----------- */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-privacy-policy-text p,
body.woocommerce-checkout .woocommerce-terms-and-conditions,
body.woocommerce-checkout .woocommerce-terms-and-conditions p,
body.woocommerce-checkout .woocommerce-terms-and-conditions li,
body.woocommerce-checkout .woocommerce-form-login p,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .rbt-cart-subttotal p,
body.woocommerce-checkout .woocommerce-additional-fields p:not(.form-row) {
	color: #4a4f57;
}

/* Sipariş özeti tutarları ve "Toplam" satırı tam koyu olsun. */
body.woocommerce-checkout .rbt-cart-subttotal p.price,
body.woocommerce-checkout .rbt-cart-subttotal p strong {
	color: var(--color-heading, #000);
}

/* Sipariş Takip sayfasının açıklama metinleri.
   :has() AYRI kuralda: desteklemeyen bir tarayıcıda geçersiz seçici kuralın
   tamamını düşürür; yukarıdaki form düzeltmelerini de götürmesin. */
body:has(form.track_order) .entry-content > p,
body:has(form.track_order) form.track_order > p {
	color: #4a4f57;
}

/* --- 6) Sipariş Takip sonuç ekranı (sorgu sonrası dönen tablo) ----------- */
/* Sorgu başarılı olunca WooCommerce formu kaldırıp sipariş tablosunu basıyor;
   yani bu ekranda `form.track_order` DOM'da yok, :has() ile yakalanamıyor.
   Bu yüzden burada sayfa ID'si kullanılıyor (Sipariş Takip = 2181).
   Sayfa bir gün yeniden oluşturulursa bu ID güncellenmeli. */
body.page-id-2181 .woocommerce-order-details,
body.page-id-2181 .woocommerce-customer-details,
body.page-id-2181 .woocommerce-order-overview li,
body.page-id-2181 .woocommerce-table--order-details td,
body.page-id-2181 .woocommerce-table--order-details th {
	color: #2b2f36;
}

/* ==========================================================================
   Sipariş alındı sayfası — "Bunlar da İlginizi Çekebilir" kutusunda ürün
   adlarının çerçeveye yapışması
   --------------------------------------------------------------------------
   SORUN (ölçüldü):
   thankyou.php'deki kenar çubuğu kutusunun yapısı şöyle:

       .rbt-fshape-box.p-2.pb-0.pt-3      -> Bootstrap p-2 = 8px yatay dolgu
         .row.row--12.rbt-mobile-row      -> margin-left/right: -12px
           div.pb--24                     -> col sınıfı YOK, dolgu almıyor
             .row                         -> Bootstrap oluk: -12px
               .rbt-card-body.col-7       -> Bootstrap oluk dolgusu: +12px

   Temanın oluk kuralı `.row--12 > [class*="col"]` şeklinde, yani yalnızca
   `col` sınıfı taşıyan çocuklara 12px dolgu veriyor. Buradaki doğrudan çocuk
   (`div.pb--24`) col sınıfı taşımadığı için `.row--12`'nin -12px negatif kenar
   boşluğu DENGELENMİYOR. Başlık metninin kutunun iç kenarına uzaklığı:

       8 (p-2) - 12 (.row--12) - 12 (iç .row) + 12 (.col-7) = -4px

   Yani metin dolgu kenarının 4px DIŞINA taşıyor ve 2px'lik turuncu çerçeveye
   yapışıyor. Aynı hesap sağdaki görsel sütunu (.col-5) için de geçerli.

   ÇÖZÜM:
   1) Eksik oluk dolgusunu doğrudan çocuğa ver -> negatif kenar boşluğu dengelensin.
      Değerler temanın kendi ölçeğiyle aynı tutuldu (masaüstü 12, <=767 8, <=479 4)
      çünkü `.row--12` kenar boşluğu da o kırılımlarda -12/-8 olarak değişiyor.
   2) Kutunun yatay dolgusunu 8px'ten 16px'e çıkar -> metin çerçeveden nefes alsın.

   NOT: Şablon ANA temada (unimart/woocommerce/checkout/thankyou.php); tema
   güncellemesi düzenlemeyi silerdi. Bu yüzden şablona dokunulmuyor, düzeltme
   CSS ile yapılıyor.

   ÖZGÜLLÜK: Bootstrap'in `.p-2` yardımcı sınıfı `!important` taşıyor, bu yüzden
   karşılık olarak `!important` gerekiyor; seçici özgüllüğü (0,3,1) Bootstrap'in
   (0,1,0) değerini geçtiği için kural kazanıyor (yükleme sırasından bağımsız).

   KAPSAM: yalnızca sipariş alındı sayfası (`body.woocommerce-order-received`).
   `.rbt-fshape-box-outline-style` sitede başka yerlerde de kullanılıyor.
   ========================================================================== */

body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

/* Eksik oluk dolgusu: .row--12'nin col sınıfı taşımayan doğrudan çocukları. */
body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box > .row--12 > div:not([class*="col"]) {
	padding-left: 12px;
	padding-right: 12px;
}

@media only screen and (max-width: 767px) {
	body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box > .row--12 > div:not([class*="col"]) {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media only screen and (max-width: 479px) {
	body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box > .row--12 > div:not([class*="col"]) {
		padding-left: 4px;
		padding-right: 4px;
	}
}

/* Ürün adı ile fiyat sütunu, sağdaki görsele de yapışmasın. */
body.woocommerce-order-received .rbt-fshape-box-outline-style .rbt-fshape-box .rbt-card-body .rbt-card-title {
	padding-right: 4px;
}

/* ==========================================================================
   Ödeme sayfası — "Fatura bilgilerim teslimat bilgileri ile aynı" anahtarı,
   teslimat formu ve "Hesap oluştur" bölümü görsel olarak ayrıştırılsın
   --------------------------------------------------------------------------
   Şablon: wp-content/themes/unimart-child/woocommerce/checkout/form-shipping.php
   (bkz. #billing-same-as-shipping / godoxpf-shipping-toggle sınıfları — orada
   [[odeme-fatura-teslimat-ayni-onay-kutusu]] gerçek WooCommerce "ship to
   different address" kutusunu gizleyip ters mantıkla bu görünür anahtarla
   değiştiriyor).

   KULLANICI GERİ BİLDİRİMİ (2026-09-12): anahtarın tıklanabilir olduğu ve
   tıklandığında aşağıda bir form açıldığı yeterince belli değildi (düz metin +
   küçük bir "±" ikonuydu, buton gibi görünmüyordu); teslimat formu ile fatura
   formu görsel olarak ayrışmıyordu; "Hesap oluştur" onay kutusu da diğer her
   şeyle aynı görünüyordu.

   ÇÖZÜM:
   1) Anahtarı kenarlıklı/zeminli bir "buton" gibi göster, sağda döner bir ok
      ikonu ekle (açıkken 180° dönüyor) -> tıklanabilir + açılır/kapanır
      olduğu belirginleşsin.
   2) Teslimat formu kutusunu (.shipping_address) açık mavi bir kart yap ->
      fatura formundan (gri kart) görsel olarak ayrışsın.
   3) "Hesap oluştur" bölümünü (.woocommerce-account-fields) sarı/krem bir
      kart yap -> üçüncü, ayrı bir eylem olduğu anlaşılsın.

   Renkler temanın kendi CSS değişkenlerinden: --color-extra-five (açık mavi,
   zaten "Free Shipping" gibi bilgi rozetlerinde kullanılıyor) ve
   --color-element-bg-yellow (açık krem, temanın "dikkat çekici bilgi kutusu"
   rengi). Böylece siteye yabancı yeni bir renk eklenmiyor.

   ÖZGÜLLÜK: child-style ana temadan ÖNCE yüklendiği için (bkz. dosyanın
   başındaki not) seçicilerin başına `body` ekleniyor.
   ========================================================================== */

/* --- 1) Tıklanabilir anahtar: kenarlıklı/zeminli buton + dönen ok -------- */
body .godoxpf-shipping-toggle__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 16px;
	background-color: var(--color-gray-100, #f3f3f3);
	border: 1px solid var(--color-gray-200, #e6e6e6);
	border-radius: var(--radius, 6px);
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease;
}

body .godoxpf-shipping-toggle__label:hover {
	background-color: var(--color-gray-150, #f6f6f6);
	border-color: #d9800f;
}

body .godoxpf-shipping-toggle__text {
	flex: 1 1 auto;
	color: var(--color-heading, #000);
	font-weight: 500;
}

body .godoxpf-shipping-toggle__icon {
	flex: 0 0 auto;
	color: #d9800f;
	transition: transform .2s ease;
}

/* "Açık" durum: gerçek kutu işaretli, teslimat formu görünür (bkz. şablondaki
   syncOpenState()). Ok yukarı döner, kenarlık vurgu rengine geçer. */
body .godoxpf-shipping-toggle.is-open .godoxpf-shipping-toggle__label {
	border-color: #d9800f;
}

body .godoxpf-shipping-toggle.is-open .godoxpf-shipping-toggle__icon {
	transform: rotate(180deg);
}

/* --- 2) Teslimat formu: fatura formundan (gri kart) ayrışan açık mavi kart */
body .woocommerce-shipping-fields .shipping_address {
	background-color: var(--color-extra-five, #E6F2FB);
	border: 1px solid var(--color-extra-seven, #D3DDEF);
	border-radius: var(--radius, 6px);
	padding: 20px 20px 6px;
	margin-top: 12px;
}

/* --- 3) "Hesap oluştur": sarı/krem kart, üçüncü ayrı bir eylem olarak ---- */
body.woocommerce-checkout .woocommerce-account-fields {
	background-color: var(--color-element-bg-yellow, #FAF0DC);
	border: 1px solid #F0DDB8;
	border-radius: var(--radius, 6px);
	padding: 16px 20px;
	margin-top: 16px;
}

body.woocommerce-checkout .woocommerce-account-fields .create-account {
	margin-bottom: 0;
}

body.woocommerce-checkout .woocommerce-account-fields .create-account:has(+ .create-account) {
	margin-bottom: 12px;
}

/* ==========================================================================
   Mobil kategori/mağaza sayfası ürün kartları: ürün adı iki satıra sardığında
   satırlar birbirine yapışıyordu.
   --------------------------------------------------------------------------
   KAYNAK: ana tema wp-content/themes/unimart/assets/css/style.css içinde
   `@media (max-width: 479px) { .rbt-card .rbt-card-body .rbt-card-title {
   line-height: 1 } }` kuralı, normalde --line-height-b4 (1.5) olan satır
   yüksekliğini mobilde 1'e düşürüyor. Başlık `-webkit-line-clamp:2` ile iki
   satıra kadar sarabildiği için line-height:1 satırları birbirine
   yapıştırıyordu.

   ÖZGÜLLÜK: ana temanın gerçek görsel CSS'i (assets/css/style.css) bu alt
   temanın style.css'inden SONRA yükleniyor (bkz. functions.php'deki
   parent-style/child-style enqueue'ları — ikisi de aynı önceliğe kayıtlı ama
   ana tema fonksiyonları alt temadan sonra çalıştığı için asıl görsel CSS
   kaynak sırasında alt temanın ÖNÜNE geçiyor); eşit özgüllükte ana tema
   kazanır. Bu yüzden `body` öneki ile özgüllüğü artırmak gerekiyor.
   ========================================================================== */
@media only screen and (max-width: 479px) {
	body .rbt-card .rbt-card-body .rbt-card-title {
		line-height: var(--line-height-b4, 1.5);
	}
}

/* ==========================================================================
   Mobil sticky footer'daki İstek Listesi / Ara / Karşılaştır / Profil
   düğmelerinin açtığı popup'lar (#wishlistModal, #compareviewModal,
   #signinModal) dar ekranlarda kenarlardan taşıyordu.
   --------------------------------------------------------------------------
   KAYNAK: ana temada bu modalların genişliği boyut sınıflarıyla (`.sm-size`,
   `.xl-size`, `.rbt-register-form-modal` vb.) sabit piksel `max-width`
   değerlerine (750px / 1600px / 472px) bağlanmış; bunlar masaüstüne göre
   seçilmiş, viewport genişliğini hesaba katmıyor.

   ÖZGÜLLÜK: ana temanın `.rbt-default-modal .modal-dialog.xl-size` gibi
   kuralları üç sınıfa kadar çıkabiliyor (bkz. [[unimart-child-css-yukleme-sirasi]]
   — alt tema ana temadan önce yüklendiği için eşit/düşük özgüllük kaybeder).
   Kesin kazanmak için sınıf yerine ID seçicisi kullanıyoruz; ID her sınıf
   kombinasyonundan daha özgül olduğu için ekleme sırasından bağımsız kazanır.
   ========================================================================== */
@media only screen and (max-width: 767px) {
	#compareviewModal .modal-dialog,
	#wishlistModal .modal-dialog,
	#signinModal .modal-dialog {
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
		margin-left: auto;
		margin-right: auto;
	}

	#compareviewModal .modal-content,
	#wishlistModal .modal-content,
	#signinModal .modal-content {
		max-width: 100%;
		overflow-x: hidden;
	}

	body .rbt-search-dropdown .wrapper {
		max-width: 100%;
		overflow-x: hidden;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 479px) {
	#compareviewModal .modal-dialog,
	#wishlistModal .modal-dialog,
	#signinModal .modal-dialog {
		width: calc(100% - 24px);
		max-width: calc(100% - 24px);
	}
}

/*
 * Hizli Goruntule (Quick View) penceresindeki sag/sol resim kaydirma
 * oklarinin cember cizgisi (border) hic tanimli degildi - ana temada
 * (.rbt-arrow-between .rbt-swiper-arrow) sadece beyaz dolgu var, kenarlik
 * yok. Beyaz modal zemininde daire neredeyse secilmiyordu.
 *
 * #quickviewModal ID'si ana temanin sinif bazli kuralindan daha yuksek
 * ozgullukte oldugu icin yukleme sirasindan bagimsiz kazanir.
 */
#quickviewModal .rbt-swiper-arrow {
	border: 2px solid var(--color-primary);
}

/* ==========================================================================
   Masaustunde (ozellikle giris yapmamis / cerez onayi vermemis, yani "temiz"
   oturumlarda daha kolay fark edilen durumda) sayfa yatayda tasiyor ve alt
   tarafta yatay scroller cikiyordu - "tam sayfaya alsam bile" genislik
   tasmasi.
   --------------------------------------------------------------------------
   KAYNAK (DevTools'ta olculdu): Kategori off-canvas menusu
   (.rbt-sidebar-left-content, ana temada
   wp-content/themes/unimart/template-parts/.../offcanvas kategori sidebar'i)
   kapaliyken `position:fixed; left:0; width:338px; transform:translateX(-150%)`
   ile viewport disina, sola dogru itiliyor (338px * 1.5 = 507px). Olcum
   sonucu tam olarak bunu dogruluyor: `.rbt-sidebar-left-content` 507px,
   ic ice geçmiş çocukları (padding'leri yuzunden) 499px / 491px tasiyor.

   `position:fixed` bir eleman viewport disina konumlandirilmis olsa bile
   tarayicilar (Chrome/Firefox/Safari) bunu documentin yatay "scrollable
   overflow" alanina dahil ediyor - bu, off-canvas menu/sidebar kaliplarinda
   çok bilinen bir CSS davranisi. Ana temada `body` icin `overflow-x` hic
   tanimli degil (sadece `overflow-y:scroll` var), bu yuzden tasan menu
   sayfada yatay scroller olarak ortaya cikiyor.

   COZUM: body'nin kendisini yatayda kaydirilamaz yapiyoruz. Bu, kendi
   `overflow-x:auto/scroll` tanimlayan ic bilesenleri (urun sekmeleri,
   karsilastirma tablosu, mobil yatay kaydirma alanlari vb.) etkilemez -
   onlar kendi scroll konteynerlerini olusturuyor.
   ========================================================================== */
body {
	overflow-x: hidden;
}

/* ==========================================================================
   Odeme sayfasi "Web sitesinin sartlar ve kosullari okudum ve kabul
   ediyorum. *" metninde, tiklanabilir link kismi (WooCommerce'in
   wc_replace_policy_page_link_placeholders() ile urettigi
   `.woocommerce-terms-and-conditions-link` span/a etiketi) diger metinle
   ayni gorunuyordu, musteri bunun bir link oldugunu fark etmiyordu.
   ========================================================================== */
.woocommerce-terms-and-conditions-checkbox-text a.woocommerce-terms-and-conditions-link {
	font-weight: 700;
	text-decoration: underline;
}

/* ==========================================================================
   Ödeme sayfası — 2026-09-24 kullanıcı isteği
   --------------------------------------------------------------------------
   1) "Giriş yapmak için buraya tıklayın" bağlantısı altı çizili ve belirgin.
   2) "Teslimat Bilgileri" başlığı (form-shipping.php'ye eklendi) "Fatura
      bilgileri" başlığıyla aynı sınıfı (.rbt-checkout-title) kullanıyor;
      burada sadece üst boşluk veriliyor.
   3) "Hesap oluşturulsun mu?" ve "Fatura bilgilerim teslimat bilgileri ile
      aynı" onay kutuları görünür bir kutucukla çiziliyor. NEDEN: ana tema
      onay kutularını `input ~ label::before` kardeş seçicisiyle çiziyor, ama
      WooCommerce input'u label'ın İÇİNE koyuyor — kardeş eşleşmiyor ve
      kutucuk ortada görünmüyordu. appearance:none ile kutunun kendisini
      çiziyoruz; ID seçicisi ana temanın her kuralından özgül.
   ========================================================================== */

/* --- 1) Giriş bağlantısı --------------------------------------------------- */
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin {
	color: #d9800f;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin:hover {
	color: var(--color-heading, #000);
}

/* --- 2) Teslimat Bilgileri başlığı ---------------------------------------- */
body.woocommerce-checkout .godoxpf-shipping-title {
	margin-top: 32px;
	margin-bottom: 12px;
}

/* --- 3) Görünür onay kutucukları ------------------------------------------ */
#createaccount,
#billing-same-as-shipping-checkbox {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 0 10px 0 0 !important;
	padding: 0;
	opacity: 1;
	vertical-align: middle;
	background-color: #fff;
	border: 2px solid var(--color-gray-400, #888);
	border-radius: 4px;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}

#createaccount:hover,
#billing-same-as-shipping-checkbox:hover {
	border-color: #d9800f;
}

#createaccount:checked,
#billing-same-as-shipping-checkbox:checked {
	background-color: #d9800f;
	border-color: #d9800f;
}

/* Onay işareti */
#createaccount:checked::after,
#billing-same-as-shipping-checkbox:checked::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 2px;
	width: 6px;
	height: 11px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

#createaccount:focus-visible,
#billing-same-as-shipping-checkbox:focus-visible {
	outline: 2px solid #d9800f;
	outline-offset: 2px;
}

body.woocommerce-checkout .woocommerce-account-fields .create-account > label {
	display: flex;
	align-items: center;
	margin: 0;
	cursor: pointer;
	color: var(--color-heading, #000);
	font-weight: 600;
}

/* Anahtar metni + açıklama satırı */
body .godoxpf-shipping-toggle__hint {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 400;
	color: var(--color-gray-500, #555);
}