/*
Theme Name: Modave Child
Theme URI: https://modave.presslayouts.com/landing
Author: PressLayouts Team
Description: This is a child theme for Modave
Version: 1.1
Author URI: https://www.presslayouts.com/
Template: modave
Text Domain: modave-child
*/

/* ==========================================================================
   Bee Spectrum — Tema customization
   ========================================================================== */

/* nav-tabs underline efekti — kapsam kuralı:
   - Tek sekme varsa underline + alt çizgi gereksiz görsel gürültü → gizle.
   - Çoklu sekme varsa Modave default underline aktif sekmeyi vurgulamak için kalsın.
   Tüm scope'lar `:only-child` ile sınırlandırılmıştır; çoklu sekmede tema default'u geri çalışır. */

/* Tek-sekme: aktif/pasif link altındaki underline pseudo-element'i */
.nav-tabs-wrapper .nav-tabs > li:only-child .nav-link::after,
.nav-tabs-wrapper .nav-tabs > .nav-item:only-child .nav-link::after {
	display: none !important;
	content: none !important;
}

/* Tek-sekme: nav-tabs container'ının alt border'ı (sadece içinde tek li varsa) */
.nav-tabs-wrapper .nav-tabs:has(> li:only-child),
.nav-tabs-wrapper .nav-tabs:has(> .nav-item:only-child) {
	border-bottom: none !important;
}

/* Tek-sekme: nav-link kendi border-bottom + padding spacing temizliği */
.nav-tabs-wrapper .nav-tabs > li:only-child .nav-link,
.nav-tabs-wrapper .nav-tabs > .nav-item:only-child .nav-link {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

/* Showroom Vitrini (anasayfa #23, widget #9fe89ef) — bölüm başlığı artık ayrı bir
   pls-heading widget'ından geliyor, çünkü pls-products-tabs alt başlık (tagline)
   alanı taşımıyor ve sekme çubuğunu koşulsuz basıyor (bkz. PROJECT-MAP §14).
   Widget'ın kendi sekme çubuğu aynı metni ikinci kez yazıp çift başlık üretiyordu
   → yalnız bu widget'ta gizlendi; diğer sekmeli bölümler etkilenmez.
   Specificity tema kuralını (.pls-products-tabs.tabs-only .section-heading = 0,3,0)
   dört sınıfla aşıyor → !important gerekmiyor. */
.elementor-element-9fe89ef .pls-products-tabs.tabs-only .section-heading {
	display: none;
}

/* Single product stok badge — TÜM durumlar (in-stock, out-of-stock, available-on-backorder)
   tek-tip: altın arka plan + beyaz text + pill border-radius. Sadece içeriği (text) değişir.
   Varyant seçimi öncesi/sonrası tutarlı görünüm (2026-05-08 kullanıcı feedback). */
.pls-product-stock .stock,
.pls-product-stock .stock.in-stock,
.pls-product-stock .stock.out-of-stock,
.pls-product-stock .stock.available-on-backorder,
.summary .stock {
	color: #ffffff !important;
	background-color: var(--pls-primary-color, #a5804f) !important;
	padding: 6px 14px !important;
	border-radius: 999px !important; /* pill — Modave .pls-hurry stiliyle uyumlu */
	display: inline-block !important;
	font-weight: 600 !important;
	font-size: 0.78rem !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase;
	line-height: 1;
}

/* Modave/WC duplicate stok satırı — .summary'nin direkt çocuğu olan standalone
   <p class="stock"> Modave parent'ın woocommerce_single_product_summary
   action'ında pls-product-stock pill'inden ayrı bir wc_get_stock_html() çıktısı
   olarak basılıyor (form.cart hemen önce). Üstteki .pls-product-stock pill ile
   bilgi tekrarı → kullanıcı fark etti (Zena Kırmızı Taç sayfası).
   .single_variation_wrap > .single_variation > p.stock (variation update'te
   dinamik stok) child combinator dışında kaldığı için etkilenmez. */
.woocommerce div.product .summary > p.stock,
.summary > p.stock {
	display: none !important;
}

/* Elementor heading widget — Modave parent pls-theme.css h1-h6 'text-transform: capitalize'
   global'ini bu widget'lar için iptal. Sebep: cümle-case (sentence case) heading'lerde
   Türkçe metinler garip görünüyor ("Bee Spectrum Tam Olarak..." vs "Bee Spectrum tam olarak...");
   ayrıca Elementor admin'den editör tipografisi set etmek bu rule yüzünden devre dışı kalıyordu.
   Site-wide etkili; sayfa-spesifik override istersen Elementor heading typography
   (title_typography_text_transform) ayarı kullanılabilir. (2026-05-09 Hakkımızda rebuild) */
.elementor-widget-heading .elementor-heading-title {
	text-transform: none;
}

/* === Rental-enabled (SADECE kiralık) sayfalarda WC adet kutusunu gizle ===
   Kiralamada adet yok (tek birim); bsp-rental kendi takvim formunu yönetir.
   NOT: child quantity-input.php override `.quantity`'yi `.pls-quantity` wrapper'a
   aldı + her stok durumunda gösterir → eski `form.cart > .quantity` direct-child
   selector'ı kırıldı, simple kiralık üründe adet sızıyordu (etnik-sallantili).
   Descendant + wrapper ile HER ürün tipinde (simple/variable) kesin yakala. */
body.bsh-bsp-rental:not(.bsp-dual) .summary .pls-quantity-label,
body.bsh-bsp-rental:not(.bsp-dual) .summary .pls-quantity,
body.bsh-bsp-rental:not(.bsp-dual) .summary .quantity,
body.bsh-bsp-rental:not(.bsp-dual) .single_variation_wrap .quantity,
body.bsh-bsp-rental:not(.bsp-dual) .woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

/* WC default "Sepete Ekle" butonu — rental'da takvim flow'u var, gizlenir.
   TEK descendant selector: kırılgan `>` child kombinatör YERİNE descendant —
   varyant seçili/seçili değil, stokta/stokta yok, Modave DOM varyasyonları
   dahil HER state'te native butonu yakalar (eski `>` kuralları varyant
   seçilince DOM değişince boşa düşüyordu → "Sepete Ekle" sızıyordu).
   Specificity (0,5,2) — kozmetik kuralın (.summary form.cart
   .single_add_to_cart_button:not(.bsp-rental__submit), satır ~1360 = 0,4,1)
   ÜZERİNDE; kaynak sırasından bağımsız KESİN kazanır (eşitlik → sıra yarışı
   regresyonu engellenir). :not(.bsp-rental__submit) — bizim rental submit
   bu kuralın dışında, onu frontend.css yönetir. */
body.bsh-bsp-rental:not(.bsp-dual) .summary form.cart .single_add_to_cart_button:not(.bsp-rental__submit) {
	display: none !important;
}

/* Buy It Now / express checkout (rental'da mantıksız) */
body.bsh-bsp-rental .summary .wc-block-components-button.contained,
body.bsh-bsp-rental .summary .buy-now-button,
body.bsh-bsp-rental .summary [class*="buy_now"],
body.bsh-bsp-rental .summary [class*="buy-now"] {
	display: none !important;
}

/* Compare butonu (eğer header'da değil de summary'de yuvarlak halka olarak çıkıyorsa) */
body.bsh-bsp-rental .summary .compare,
body.bsh-bsp-rental .summary .pls-product-compare,
body.bsh-bsp-rental .summary .yith-compare-button {
	display: none !important;
}

/* Bizim kendi rental form'umuz — variable form içinde gömülü olunca margin temizliği */
body.bsh-bsp-rental .bsp-rental {
	width: 100%;
	margin-top: 1rem;
}

/* Single variation wrap (WC default variation fiyatı + "son 1 ürün" stok uyarısı) gizle.
   Dual dahil tüm rental ürünlerde gizli — fiyatı .pls-product-price-info'da gösteriyoruz. */
body.bsh-bsp-rental .single_variation_wrap .single_variation {
	display: none !important; /* duration başına fiyatımız var, ayrıca WC variation price istemeyiz */
}

/* WC variations table'ını refine et */
body.bsh-bsp-rental .summary table.variations {
	margin-bottom: 1rem;
}
/* Modave .variations DIV (table değil — flex container) — Beden ↔ Kiralama süresi
   arası ekstra boşluk kaldır (2026-05-08 kullanıcı feedback) */
body.bsh-bsp-rental .summary form.variations_form > .variations,
.summary form.variations_form > .variations {
	margin-bottom: 8px !important;
}
body.bsh-bsp-rental .summary form.variations_form > .single_variation_wrap,
.summary form.variations_form > .single_variation_wrap {
	margin-top: 0 !important;
}
body.bsh-bsp-rental .summary table.variations th.label label {
	font-weight: 500;
	color: var(--pls-heading-color, #1a1a1a);
	letter-spacing: 0.02em;
}
body.bsh-bsp-rental .summary table.variations .reset_variations {
	font-size: 12px;
	color: var(--pls-mute-color, #888);
	margin-left: 8px;
}

/* Quantity layout düzelt (gizlenmediği yerde) — variable product header'ında garip görünüm */
body.bsh-bsp-rental .summary {
	gap: 0;
}

/* === v0.4 — Layout sıralaması (DOM gerçek class'ları ile, browser inspect doğrulanmış) ===
   Hedef:
     1. Başlık   2. Açıklama   3. Fiyat (üst)   4. Stok badge
     5. variations_form (Renk/Beden + Kiralama süresi/Teslimat/Tarih + Kirala butonu)
     6. Sponsored buton   7. Bridal Randevu Al
     8. Wishlist + Compare   9. Paylaş   10. Stok kodu + Kategoriler */
body.bsh-bsp-rental .summary {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.85rem;
}
/* Child element margin'larını sıfırla — sadece flex gap aralık verecek (tutarlı) */
body.bsh-bsp-rental .summary > .product_title,
body.bsh-bsp-rental .summary > .woocommerce-product-details__short-description,
body.bsh-bsp-rental .summary > .pls-product-price-info,
body.bsh-bsp-rental .summary > .pls-product-price,
body.bsh-bsp-rental .summary > .pls-product-stock,
body.bsh-bsp-rental .summary > form.variations_form,
body.bsh-bsp-rental .summary > .bsp-sponsor,
body.bsh-bsp-rental .summary > .bsbr-trigger-wrap,
body.bsh-bsp-rental .summary > .yith-wcwl-add-to-wishlist,
body.bsh-bsp-rental .summary > .pls-product-wishlist,
body.bsh-bsp-rental .summary > .pls-product-compare,
body.bsh-bsp-rental .summary > .pls-product-share,
body.bsh-bsp-rental .summary > .product_meta {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
body.bsh-bsp-rental .summary > .pls-product-cat       { order: 0 !important; display: none !important; } /* üst kategoriler — alt product_meta'da var, gereksiz */
body.bsh-bsp-rental .summary > .product_title         { order: 1 !important; }
body.bsh-bsp-rental .summary > .woocommerce-product-details__short-description { order: 2 !important; }
body.bsh-bsp-rental .summary > .pls-product-price-info,
body.bsh-bsp-rental .summary > .pls-product-price     { order: 3 !important; display: block !important; }
body.bsh-bsp-rental .summary > .pls-product-stock     { order: 4 !important; }
body.bsh-bsp-rental .summary > .pls-product-rating-info { order: 5 !important; }
body.bsh-bsp-rental .summary > form.variations_form,
body.bsh-bsp-rental .summary > form.cart              { order: 6 !important; }
/* Wishlist + compare yuvarlak butonları variations_form altında */
body.bsh-bsp-rental .summary > .yith-wcwl-add-to-wishlist,
body.bsh-bsp-rental .summary > .pls-product-wishlist,
body.bsh-bsp-rental .summary > .pls-product-compare,
body.bsh-bsp-rental .summary > .compare               { order: 9 !important; }

/* v0.4.5 (2026-05-08) — bsp-actions-row PHP fix sonrası summary direct child oldu.
   Rental sayfa flex order'da kendi konumunu alır: form.cart (6) sonra, wishlist (9) öncesi. */
body.bsh-bsp-rental .summary > .bsp-actions-row       { order: 7 !important; }

/* Sponsored + Bridal butonları variations_form İÇİNDEKİ
   .woocommerce-variation-add-to-cart parent'ında (bsp-rental ve bsp-actions-row
   sibling). Parent flex column + bsp-rental(takvim) ÖNCE → bsp-actions-row(butonlar) SONRA. */
body.bsh-bsp-rental .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px;
}
body.bsh-bsp-rental .summary .woocommerce-variation-add-to-cart .bsp-rental         { order: 1 !important; }
body.bsh-bsp-rental .summary .woocommerce-variation-add-to-cart .bsp-actions-row    { order: 2 !important; }
body.bsh-bsp-rental .summary .woocommerce-variation-add-to-cart .bsp-sponsor        { order: 2 !important; }
body.bsh-bsp-rental .summary .woocommerce-variation-add-to-cart .bsbr-trigger-wrap  { order: 2 !important; }
body.bsh-bsp-rental .summary > .pls-product-share,
body.bsh-bsp-rental .summary > .pls-product-share-popup { order: 10 !important; }
body.bsh-bsp-rental .summary > .product_meta          { order: 11 !important; }

/* Modave summary separator çizgileri — order normalize, görünüm tutarlı */
body.bsh-bsp-rental .summary > .pls-product-summary-separator { order: 4 !important; }

/* KIRALAMA BEDELİ alttaki blok'u kaldır (üstte .pls-product-price-info yeterli) */
body.bsh-bsp-rental .bsp-rental__pricing { display: none !important; }

/* Modave "Quick Buy" / "Buy It Now" — rental'da mantıksız */
body.bsh-bsp-rental .pls-quick-buy,
body.bsh-bsp-rental .pls_quick_buy_button,
body.bsh-bsp-rental [class*="pls_quick_buy"] { display: none !important; }

/* Wishlist + Compare butonları yan yana, eşit gap, tutarlı */
body.bsh-bsp-rental .summary .yith-wcwl-add-to-wishlist,
body.bsh-bsp-rental .summary .pls-product-compare,
body.bsh-bsp-rental .summary .pls-product-wishlist {
	display: inline-flex !important;
	margin: 0 8px 0 0 !important;
}

/* Hurry Up countdown (Modave sale countdown) — rental'da mantıksız */
body.bsh-bsp-rental .pls-product-hurry,
body.bsh-bsp-rental .pls-hurryup,
body.bsh-bsp-rental [class*="hurry"] { display: none !important; }

/* === v0.4 — Spacing polish === */
body.bsh-bsp-rental .bsp-rental {
	margin: 1rem 0;
}
body.bsh-bsp-rental .bsp-rental__action {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 16px;
}
body.bsh-bsp-rental .bsp-rental__confirm,
body.bsh-bsp-rental .bsp-rental__submit {
	width: 100%;
	min-height: 48px;
}

/* Compare/favori butonları (yuvarlak halka) ile rental form arası boşluk daralt */
body.bsh-bsp-rental .yith-wcwl-add-to-wishlist,
body.bsh-bsp-rental .pls-product-compare,
body.bsh-bsp-rental .pls-product-wishlist,
body.bsh-bsp-rental .compare,
body.bsh-bsp-rental .summary .pls-product-meta {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

/* Sponsored + Bridal CTA butonları yan yana, eşit weight, üstüne gereksiz margin koyma */
body.bsh-bsp-rental .summary .bsp-sponsor,
body.bsh-bsp-rental .summary .bsbr-trigger-wrap {
	margin-top: 0.5rem;
}

/* Variation table label spacing'i daha kompakt — Modave swatch UI etrafı */
body.bsh-bsp-rental .summary .variations_form .variations {
	margin-bottom: 1rem;
}

/* ==========================================================================
   DUAL ÜRÜN (hem satılık hem kiralık) — "Kirala / Satın Al" toggle
   Default mod: KİRALA (showroom önceliği). JS body class'ı değiştirir.
   ========================================================================== */
.bsp-mode-toggle {
	display: flex;
	gap: 4px;
	background: var(--pls-theme-background-color, #f0ebe4);
	border-radius: 10px;
	padding: 4px;
	margin: 0 0 12px;
	width: 100%;
}
.bsp-mode-toggle__btn {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 12px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	border-radius: 7px;
	cursor: pointer;
	color: var(--pls-mute-color, #8a8178);
	transition: background .15s ease, color .15s ease, opacity .15s ease;
}
.bsp-mode-toggle__btn.is-active {
	background: var(--pls-primary-color, #a5804f); /* main marka altın */
	color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}
/* "Satın Al" ikincil (sönük) — kiralama önceliği vurgusu */
.bsp-mode-toggle__btn--secondary:not(.is-active) {
	opacity: .65;
}

/* KİRALA modu → Modave "Adet:" label'ını gizle (native quantity zaten gizli, label kalıyordu) */
body.bsp-dual.bsp-mode-kir .pls-quantity-label {
	display: none !important;
}

/* SATIN AL modu → kiralama formunu gizle (satış zaten :not(.bsp-dual) ile açık) */
body.bsp-dual.bsp-mode-sat .bsp-rental {
	display: none !important;
}
/* SATIN AL modu → Modave adet stepper'ı normal yatay layout.
   Dual sayfasında bir şey Modave'in `div.quantity{display:inline-flex}` (pls-shop.css)
   değerini block'a çeviriyor → −/+ butonları dikey yığılıp adet alanı 615×104 "patlıyordu".
   Modave'in doğru değerini geri zorla (3rd-party override → !important kabul).
   Canlı kanıt: 615×104 → 182×48 (normal kompakt stepper). */
body.bsp-dual.bsp-mode-sat .summary .quantity:not(.hidden) {
	display: inline-flex !important;
}
/* KİRALA modu → satış (adet + Sepete Ekle) gizle, kiralama görünür.
   NOT: child quantity-input.php override `.quantity`'yi `.pls-quantity` wrapper'a aldı
   (stok=1 dahil her üründe adet tutarlı) → eski `form.cart > .quantity` direct-child
   selector'ı artık eşleşmiyordu, Kirala'da adet sızıyordu. `.pls-quantity` eklendi. */
/* 2026-07-19 (E2): `>` DIRECT-CHILD tuzagi ikinci kez isirdi. Variable
   uruinde `.pls-quantity` form.cart'in DOGRUDAN cocugu degil —
   `.woocommerce-variation-add-to-cart` sarmalayicisinin icinde. Bu yuzden
   `form.cart > .pls-quantity` eslesmiyordu: eleman display:block kaliyor,
   yuksekligi 0 ama `margin-bottom:20px` YER TUTUYORDU → toggle ile kiralama
   formu arasinda gereksiz bosluk (olculdu: 72px). Secici descendant yapildi. */
body.bsp-dual.bsp-mode-kir .summary form.cart .single_add_to_cart_button:not(.bsp-rental__submit),
body.bsp-dual.bsp-mode-kir .summary form.cart .quantity,
body.bsp-dual.bsp-mode-kir .summary form.cart .pls-quantity,
body.bsp-dual.bsp-mode-kir .summary form.cart .pls-quantity-label,
body.bsp-dual.bsp-mode-kir .woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}
/* Toggle ile kiralama formu arasi tek, olculu bosluk (toggle margin-alt 12px) */
body.bsp-dual.bsp-mode-kir .bsp-rental {
	margin-top: 4px;
}

/* ==========================================================================
   Anasayfa "Nasıl Çalışır?" section — tema standartlarıyla hizala
   - Başlık fontu: H2.heading-title (Kumbh Sans 40/500/capitalize) ile aynı
   - 3 illüstrasyon altındaki yer çizgileri: birleşik tek yatay çizgi
   ========================================================================== */
.bsp-how .bsp-how__heading {
	font-family: "Kumbh Sans", sans-serif !important;
	font-size: 40px !important;
	font-weight: 500 !important;
	letter-spacing: normal !important;
	line-height: 1.3 !important;
	text-transform: capitalize !important;
	font-style: normal !important;
}

/* Steps container: desktop'ta gap=0 + her step overflow:visible → illu kutudan taşar
   (çizgi continuity için). Mobile'da step'ler dikey stack olunca yapışıklık olur,
   gap 36px verilir — step ARASı açılır ama step İÇİ kompakt kalır.
   (Anasayfa orijinal CSS değeri de 36px — design system uyumlu) (2026-05-11) */
.bsp-how .bsp-how__steps {
	gap: 0 !important;
}
.bsp-how .bsp-how__step {
	overflow: visible !important;
}
@media (max-width: 880px) {
	.bsp-how .bsp-how__steps {
		gap: 36px !important;
	}
}

/* HOVER tamamen kapat + entry animasyonlarını da kapat (bsp-fade-up /
   bsp-step-up). Animation pause ETME — opacity:0 başlangıçta donar.
   Animation'ı komple disable et + opacity:1 zorla. */
.bsp-how .bsp-how__step,
.bsp-how .bsp-how__step *,
.bsp-how .bsp-how__step:hover,
.bsp-how .bsp-how__step:hover *,
.bsp-how .bsp-how__step-title-wrap,
.bsp-how .bsp-how__step-title-wrap:hover,
.bsp-how .bsp-how__step-title-wrap:hover::before,
.bsp-how .bsp-how__step-title-wrap::before,
.bsp-how .bsp-how__illu,
.bsp-how .bsp-how__illu:hover,
.bsp-how .bsp-how__step-num,
.bsp-how .bsp-how__step-num:hover {
	transform: none !important;
	rotate: 0 !important;
	scale: 1 !important;
	transition: none !important;
	animation: none !important;
	opacity: 1 !important;
}

/* Bubble (balon) 140px sabit. ::before SVG balonu da küçülür. */
.bsp-how .bsp-how__step-title-wrap {
	width: 140px !important;
	height: 126px !important;
}
.bsp-how .bsp-how__step-title-wrap::before {
	width: 140px !important;
	height: 126px !important;
}
/* Bubble içindeki text: 16/600 (kullanıcı isteği) */
.bsp-how .bsp-how__step-title {
	font-size: 16px !important;
	font-weight: 600 !important;
}

/* 1/2/3 numara dairesi font'u tema standardına çek (Kumbh Sans). */
.bsp-how .bsp-how__step-num {
	font-family: "Kumbh Sans", sans-serif !important;
}

/* İllüstrasyon: hafif büyütme (105%) + taşma yok → kutu sınırları korunur,
   yer çizgileri yan komşuya buluşur. Elementor inline max-width:320 ve
   aspect-ratio override edilir. */
.bsp-how .bsp-how__illu {
	width: 105% !important;
	max-width: none !important;
	height: 320px !important;
	aspect-ratio: auto !important;
	margin-left: 0 !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

@media (max-width: 880px) {
	.bsp-how .bsp-how__heading {
		font-size: 28px !important;
	}
	.bsp-how .bsp-how__illu {
		width: 100% !important;
		margin-left: 0 !important;
		height: 280px !important;
	}
}

/* ==========================================================================
   Modave pls-accordion (SSS) — başlık linklerinden underline kaldır
   Hover'da renk değişimi sade kalsın (alttan altın çizik gereksiz vurgu).
   ========================================================================== */
.pls-accordion .card-header a.card-link,
.pls-accordion .card-header a.card-link:hover,
.pls-accordion .card-header a.card-link:focus,
.pls-accordion .card-header a.card-link:active,
.elementor-widget-pls-accordion .card-header a.card-link,
.elementor-widget-pls-accordion .card-header a.card-link:hover,
.elementor-widget-pls-accordion .card-header a.card-link:focus {
	text-decoration: none !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* ==========================================================================
   WooCommerce notice (sepete eklendi / hata / bilgi) — yeşil → marka altın
   WC default border-top: #8fae1b, ::before icon aynı yeşil. Bee Spectrum
   marka rengi #A5804F ile değiştirilir; arka plan ve metin sadeliği korunur.
   ========================================================================== */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
	border-top-color: #a5804f !important;
}
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
	color: #a5804f !important;
}

/* ==========================================================================
   Yardım & Yasal sayfaları — Yan menülü 2 sütun layout (page-legal.php)
   ========================================================================== */

.bsh-legal-wrap {
	padding: 60px 0 80px;
	background: #fff;
	/* Modave parent template wrap'imizi <div class="row"> (Bootstrap flex)
	   içine yerleştiriyor. Col class'sız child auto-width alır → 100% zorla. */
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.bsh-legal-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}

.bsh-legal-aside {
	position: sticky;
	top: 100px;
	background: #faf8f5;
	border: 1px solid #ece6dd;
	border-radius: var(--pls-border-radius, 8px);
	padding: 24px 20px;
}

.bsh-legal-aside .widget + .widget {
	margin-top: 24px;
}

.bsh-legal-widget-title {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pls-secondary-color, #181818);
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e8dfd2;
}

.bsh-legal-aside .menu,
.bsh-legal-aside .widget_nav_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bsh-legal-aside .menu li,
.bsh-legal-aside .widget_nav_menu li {
	margin: 0;
	padding: 0;
	border: 0;
}

.bsh-legal-aside .menu li a,
.bsh-legal-aside .widget_nav_menu li a {
	display: block;
	padding: 10px 12px;
	font-size: 14px;
	color: #4a4a4a;
	text-decoration: none;
	border-radius: 6px;
	transition: background 0.15s ease, color 0.15s ease;
	line-height: 1.4;
}

.bsh-legal-aside .menu li a:hover,
.bsh-legal-aside .widget_nav_menu li a:hover {
	background: #f0e8dc;
	color: var(--pls-primary-color, #a5804f);
}

.bsh-legal-aside .menu li.current-menu-item > a,
.bsh-legal-aside .menu li.current_page_item > a,
.bsh-legal-aside .widget_nav_menu li.current-menu-item > a {
	background: var(--pls-primary-color, #a5804f);
	color: #fff;
	font-weight: 500;
}

.bsh-legal-aside-empty {
	font-size: 13px;
	color: #888;
	line-height: 1.6;
}

.bsh-legal-main {
	min-width: 0;
}

.bsh-legal-header {
	margin: 0 0 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ece6dd;
}

.bsh-legal-title {
	font-size: 32px;
	font-weight: 600;
	color: var(--pls-secondary-color, #181818);
	margin: 0;
	line-height: 1.2;
}

.bsh-legal-content {
	font-size: 16px;
	line-height: 1.75;
	color: #3a3a3a;
}

.bsh-legal-content h2 {
	font-size: 22px;
	font-weight: 600;
	color: var(--pls-secondary-color, #181818);
	margin: 36px 0 14px;
	line-height: 1.3;
}

.bsh-legal-content h3 {
	font-size: 18px;
	font-weight: 600;
	color: var(--pls-secondary-color, #181818);
	margin: 28px 0 10px;
}

.bsh-legal-content p {
	margin: 0 0 16px;
}

.bsh-legal-content ul,
.bsh-legal-content ol {
	margin: 0 0 18px;
	padding-left: 22px;
}

.bsh-legal-content li {
	margin-bottom: 6px;
}

.bsh-legal-content a {
	color: var(--pls-primary-color, #a5804f);
	text-decoration: underline;
}

@media (max-width: 991px) {
	.bsh-legal-container {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.bsh-legal-aside {
		position: static;
		padding: 18px 16px;
	}
	.bsh-legal-title {
		font-size: 26px;
	}
}

@media (max-width: 600px) {
	.bsh-legal-wrap { padding: 36px 0 56px; }
	.bsh-legal-title { font-size: 22px; }
	.bsh-legal-content { font-size: 15px; }
}

/* ==========================================================================
   WooSW (Woo Smart Wishlist) — yeşil notice + popup link rengi MARKA ALTIN
   Plugin'in inline <style id='woosw-frontend-inline-css'> içinde
   #5fbd74 hardcoded basılıyor; child theme stylesheet sonra yüklendiği için
   aynı specificity ile eziyoruz, defansif !important.
   Plugin update / option reset sonrası bile bu kural ayakta kalır.
   ========================================================================== */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
	background-color: #a5804f !important;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover,
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:focus {
	color: #a5804f !important;
	border-color: #a5804f !important;
}
/* Add-to-cart inline butonu (popup içinde) — marka altın */
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline a:hover,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc a:hover {
	color: #a5804f !important;
	border-color: #a5804f !important;
}

/* ==========================================================================
   Favorilerim sayfasi (WooSW) — modern + tema-uyumlu redesign
   Yaklasim: HTML'e dokunmadan saf CSS override. Modave CSS variables
   (--pls-primary-color #a5804f, --pls-secondary-color #181818, --pls-border-radius 8px,
   font Kumbh Sans) ile entegre. Tablo'yu CSS Grid'e cevirir, dikey hizalanmis info,
   refined CTA, hover state, mobile stack layout. Plugin update guvenligi: !important.
   ========================================================================== */

/* List container — tema container'ini miras al, max-width yok ki tema'nin
   sol/sag width'iyle hizali kalsin (Modave .pls-site-container 1320px max). */
.woosw-list {
	max-width: none;
	margin: 0;
	padding: 8px 0 32px;
}

/* Tablo elemanlarini block'a cevir (HTML degismedi) */
.woosw-list .woosw-items,
.woosw-list .woosw-items tbody {
	display: block;
	width: 100%;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}

/* Her satir = card-row (CSS Grid) */
.woosw-list .woosw-items .woosw-item {
	display: grid !important;
	grid-template-columns: 36px 96px 1fr auto;
	gap: 20px;
	align-items: center;
	padding: 16px 20px;
	background: #ffffff;
	border: 1px solid rgba(24, 24, 24, 0.08) !important;
	border-radius: var(--pls-border-radius, 8px);
	margin-bottom: 12px;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.woosw-list .woosw-items .woosw-item:hover {
	border-color: rgba(165, 128, 79, 0.4) !important;
	box-shadow: 0 8px 24px -10px rgba(24, 24, 24, 0.14);
	transform: translateY(-1px);
}

/* Hucre <td> elemanlari block + padding sifir (grid item'lari) */
.woosw-list .woosw-items .woosw-item > td {
	display: block;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	vertical-align: middle;
	width: auto;
}

/* X (remove) butonu — plugin default X korunur, biz ezme yapmayiz.
   Sadece grid hucresinde dikey ortalanmasi icin display ayari. */

/* Image hucresi — gelinlik 2:3 dikey ratio */
.woosw-list .woosw-items .woosw-item .woosw-item--image {
	width: 96px;
}
.woosw-list .woosw-items .woosw-item .woosw-item--image a {
	display: block;
	overflow: hidden;
	border-radius: var(--pls-border-radius, 8px);
	background: #f6f4ef;
}
.woosw-list .woosw-items .woosw-item .woosw-item--image img {
	display: block;
	width: 96px;
	height: 132px;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.woosw-list .woosw-items .woosw-item:hover .woosw-item--image img {
	transform: scale(1.05);
}

/* Info hucresi — dikey hizalanmis, refined typography */
.woosw-list .woosw-items .woosw-item .woosw-item--info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.woosw-list .woosw-items .woosw-item .woosw-item--name a {
	font-family: "Kumbh Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--pls-secondary-color, #181818) !important;
	text-decoration: none !important;
	letter-spacing: 0.01em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.18s ease;
}
.woosw-list .woosw-items .woosw-item .woosw-item--name a:hover {
	color: var(--pls-primary-color, #a5804f) !important;
}
.woosw-list .woosw-items .woosw-item .woosw-item--price {
	font-size: 17px;
	font-weight: 600;
	color: var(--pls-primary-color, #a5804f);
	letter-spacing: 0.01em;
	line-height: 1.2;
}
.woosw-list .woosw-items .woosw-item .woosw-item--price .amount,
.woosw-list .woosw-items .woosw-item .woosw-item--price .woocommerce-Price-currencySymbol {
	color: inherit !important;
}
.woosw-list .woosw-items .woosw-item .woosw-item--time {
	font-size: 12px;
	color: #8a8a8a;
	letter-spacing: 0.02em;
	font-weight: 400;
}

/* Actions hucresi — Stok + CTA dikey, sag hizali */
.woosw-list .woosw-items .woosw-item .woosw-item--actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	min-width: 140px;
	text-align: right;
	white-space: nowrap;
}
.woosw-list .woosw-items .woosw-item .woosw-item--stock {
	margin: 0;
}
/* STOKTA pill — Favorilerim sayfa + sidebar popup ortak (kullanıcı feedback 2026-05-09:
   turuncu pill + beyaz, Sepete Ekle butonuyla aynı genişlik/yükseklikte yan altında).
   Single product .pls-product-stock pill stiliyle uyumlu: aynı bg + radius. */
.woosw-list .woosw-items .woosw-item .woosw-item--stock .stock {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0;
	min-height: 38px;
	min-width: 124px; /* Sepete Ekle butonuyla görsel denge */
	padding: 9px 22px;
	background: var(--pls-primary-color, #a5804f);
	color: #ffffff;
	font-family: "Kumbh Sans", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	border-radius: var(--pls-border-radius, 8px);
	line-height: 1;
	white-space: nowrap;
	box-sizing: border-box;
}
.woosw-list .woosw-items .woosw-item .woosw-item--stock .stock.out-of-stock {
	background: #b85555;
	color: #ffffff;
}
.woosw-list .woosw-items .woosw-item .woosw-item--stock .stock.available-on-backorder {
	background: var(--pls-secondary-color2, #A0A0A0);
	color: #ffffff;
}

/* "Secenekler" / "Sepete Ekle" butonu — Modave secondary (siyah), hover altın */
.woosw-list .woosw-items .woosw-item .woosw-item--atc {
	margin: 0;
}
.woosw-list .woosw-items .woosw-item .woosw-item--atc p {
	margin: 0 !important;
	padding: 0 !important;
}
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.button,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.add_to_cart_button,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_variable,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_external,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_simple,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_grouped {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 22px !important;
	font-family: "Kumbh Sans", sans-serif;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em;
	background: var(--pls-secondary-color, #181818) !important;
	color: #ffffff !important;
	border: 1px solid var(--pls-secondary-color, #181818) !important;
	border-radius: var(--pls-border-radius, 8px) !important;
	text-decoration: none !important;
	text-transform: none;
	white-space: nowrap;
	width: auto !important;
	max-width: none !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.button:hover,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.add_to_cart_button:hover,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_variable:hover,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_external:hover,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_simple:hover,
.woosw-list .woosw-items .woosw-item .woosw-item--atc a.product_type_grouped:hover {
	background: var(--pls-primary-color, #a5804f) !important;
	border-color: var(--pls-primary-color, #a5804f) !important;
	color: #ffffff !important;
}

/* Mobile (<= 640px): stack layout — image+info ust, actions alt */
@media (max-width: 640px) {
	.woosw-list {
		padding: 8px 12px 24px;
	}
	.woosw-list .woosw-items .woosw-item {
		grid-template-columns: 36px 80px 1fr;
		grid-template-areas:
			"remove image info"
			"actions actions actions";
		gap: 14px;
		padding: 14px;
	}
	.woosw-list .woosw-items .woosw-item .woosw-item--remove { grid-area: remove; }
	.woosw-list .woosw-items .woosw-item .woosw-item--image  { grid-area: image; width: 80px; }
	.woosw-list .woosw-items .woosw-item .woosw-item--info   { grid-area: info; }
	.woosw-list .woosw-items .woosw-item .woosw-item--image img {
		width: 80px;
		height: 110px;
	}
	.woosw-list .woosw-items .woosw-item .woosw-item--actions {
		grid-area: actions;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-width: 0;
		padding-top: 12px;
		border-top: 1px solid rgba(24, 24, 24, 0.06);
	}
	.woosw-list .woosw-items .woosw-item .woosw-item--atc a.button {
		padding: 9px 18px !important;
		min-height: 36px;
	}
}

/* "Favori listesi baglantisi" kopyala bolumu — tema-uyumlu refined */
.woosw-list .woosw-actions {
	max-width: none;
	margin: 28px 0 0;
	padding: 18px 20px;
	background: #fafaf7;
	border: 1px solid rgba(24, 24, 24, 0.06);
	border-radius: var(--pls-border-radius, 8px);
}
.woosw-list .woosw-copy {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
}
@media (max-width: 640px) {
	.woosw-list .woosw-copy {
		flex-wrap: wrap;
	}
}
.woosw-list .woosw-copy-label {
	font-size: 13px;
	font-weight: 500;
	color: var(--pls-secondary-color, #181818);
	letter-spacing: 0.02em;
}
.woosw-list .woosw-copy-url {
	flex: 1 1 220px;
	min-width: 0;
}
.woosw-list .woosw-copy-url input {
	width: 100%;
	padding: 9px 12px;
	font-size: 12px;
	font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
	color: #6a6a6a;
	background: #ffffff;
	border: 1px solid rgba(24, 24, 24, 0.1);
	border-radius: 6px;
	outline: none;
	transition: border-color 0.18s ease;
}
.woosw-list .woosw-copy-url input:focus {
	border-color: var(--pls-primary-color, #a5804f);
}
.woosw-list .woosw-copy-btn .button,
.woosw-list .woosw-copy-btn button {
	padding: 9px 22px !important;
	font-family: "Kumbh Sans", sans-serif;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em;
	background: var(--pls-secondary-color, #181818) !important;
	color: #ffffff !important;
	border: 1px solid var(--pls-secondary-color, #181818) !important;
	border-radius: var(--pls-border-radius, 8px) !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}
.woosw-list .woosw-copy-btn .button:hover,
.woosw-list .woosw-copy-btn button:hover {
	background: var(--pls-primary-color, #a5804f) !important;
	border-color: var(--pls-primary-color, #a5804f) !important;
}

@media (max-width: 480px) {
	.woosw-list .woosw-copy-label {
		flex: 1 1 100%;
	}
	.woosw-list .woosw-copy-btn,
	.woosw-list .woosw-copy-btn .button,
	.woosw-list .woosw-copy-btn button {
		width: 100%;
	}
}

/* Empty state — "Favori listeniz bos" */
.woosw-list > p {
	max-width: 920px;
	margin: 0 auto;
	text-align: center;
	padding: 56px 20px;
	font-size: 15px;
	color: #7a7a7a;
}

/* ==========================================================================
   Footer — sag alt kose dekoratif kanat (logo.png low-opacity, girdi efekti)
   NOT: Footer 2 Elementor section icerir:
     - .elementor-element-8d83eaf — ust koyu link sutunlari (rgb(24,24,24))
     - .elementor-element-eb9d66f — copyright cubugu (rgb(24,24,24))
   Kanadi her ikisinin ortak parent'i .elementor-1415'e bagliyoruz; ortak
   parent transparent oldugu icin ekstra siyah bg ekliyoruz ki kanat copyright
   bar seviyesine kadar uzandiginda da arka plan koyu kalsin.
   ========================================================================== */
.pls-site-footer .elementor-1415 {
	position: relative;
	overflow: hidden;
	background-color: rgb(24, 24, 24);
}
.pls-site-footer .elementor-1415::after {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 60px;
	width: 250px;
	height: 250px;
	background-image: url('/wp-content/uploads/2026/05/logo.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	opacity: 1;
	pointer-events: none;
	z-index: 0;
}
/* Footer icerigi kanat'in onunde kalsin (z-index) ve siyah bg'lerini parent'a
   devret (transparent) ki ::after kanat parent siyahi uzerinde gorunebilsin. */
.pls-site-footer .elementor-1415 > * {
	position: relative;
	z-index: 1;
}
.pls-site-footer .elementor-element-8d83eaf,
.pls-site-footer .elementor-element-eb9d66f {
	background-color: transparent !important;
}

@media (max-width: 768px) {
	.pls-site-footer .elementor-1415::after {
		right: 0px;
		bottom: 30px;
		width: 160px;
		height: 160px;
		opacity: 1; /* 2026-05-11: kullanıcı feedback — mobilde tam opacity (desktop ile aynı) */
	}
}

/* ==========================================================================
   Modal close (X) butonları — hover ROTATE kaldır (Bridal + Sponsored)
   Bridal v0.3.7 ve Sponsored v0.2.8 plugin source'larında rotate satırı
   kaldırıldı; bu override plugin update'de rotate geri gelirse savunma kalkanı.
   ========================================================================== */
.bsbr-modal__close,
.bsbr-modal__close:hover,
.bsbr-modal__close:focus,
.bsbr-modal__close:active,
.bsp-sponsor__close,
.bsp-sponsor__close:hover,
.bsp-sponsor__close:focus,
.bsp-sponsor__close:active {
	transform: none !important;
	rotate: 0 !important;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
}

/* ==========================================================================
   WooSW POPUP (favoriler ajax dropdown) — buton + tasarım override
   Sayfa override'ı `.woosw-list` scope'undaydı, popup `.woosw-popup` ayrı
   container; popup içindeki "Seçenekler" / "Sepete Ekle" butonu Modave
   default'una düşüp text invisible kalıyordu. Aynı tema dili POPUP'a da.
   ========================================================================== */
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .button,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_button,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline a,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .product_type_variable {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 14px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
	background: var(--pls-primary-color, #a5804f) !important;
	color: #ffffff !important;
	border: 1px solid var(--pls-primary-color, #a5804f) !important;
	border-radius: var(--pls-border-radius, 6px) !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
	white-space: nowrap;
	width: auto !important;
	max-width: none !important;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .button:hover,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_button:hover,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline a:hover,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .product_type_variable:hover {
	background: var(--pls-secondary-color, #181818) !important;
	color: #ffffff !important;
	border-color: var(--pls-secondary-color, #181818) !important;
	text-decoration: none !important;
}

/* Popup item ürün adı + fiyat — temayla hizala */
.woosw-popup .woosw-items .woosw-item .woosw-item--name a {
	font-family: "Kumbh Sans", sans-serif;
	font-weight: 500 !important;
	color: var(--pls-secondary-color, #181818) !important;
	text-decoration: none !important;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--name a:hover {
	color: var(--pls-primary-color, #a5804f) !important;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--price ins {
	background: transparent;
	text-decoration: none;
	color: var(--pls-primary-color, #a5804f);
}

/* (Eski "refine" bloğu silindi — yeni redesign yukarıda komple yer aldı) */

/* ==========================================================================
   Sticky header — navigation row dahil
   Modave default: sticky scroll'da yalniz `.pls-header-main` position:fixed
   yaptiriliyor; `.pls-header-navigation` doc flow'da kaliyor ve scroll'da
   gozden kayboluyor. Asagi inildiginde nav menu eksilmesin diye bu kural:
   `.header-sticky.fixed` aktifken `.pls-header-navigation`'i da fixed yapip
   sticky main'in hemen altina yaslar. Z-index 996 (main 997'nin altinda).
   `--pls-sticky-header-height` 82px (inline body var; fallback 82).
   Sadece desktop (>=1025) — Modave'in sticky_header_mobile/tablet kapali.
   ========================================================================== */
@media (min-width: 1025px) {
	.header-sticky.fixed .pls-header-navigation {
		position: fixed;
		top: var(--pls-sticky-header-height, 82px);
		left: 0;
		right: 0;
		z-index: 996;
		background-color: #222222;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
		animation-name: fadeInDown;
		animation-duration: 0.25s;
	}
	/* WP admin bar varsa main fixed top:32px'e iniyor; nav onun altina */
	.admin-bar .header-sticky.fixed .pls-header-navigation {
		top: calc(var(--pls-sticky-header-height, 82px) + 32px);
	}
}

/* ==========================================================================
   Sale marquee — kirmizi separator ikonunu altin'a cevir
   Parent: `.pls-marquee-separator:before { color: red }` (pls-elements.css 3426).
   Urun kart altindaki "Sepette %X Indirim" marquee'sinde simsek ikonu
   default kirmizi geliyor; tema dili altin (#A5804F).
   ========================================================================== */
.pls-product-sale-marquee .pls-marquee-separator:before,
.pls-marquee-separator:before {
	color: var(--pls-primary-color, #a5804f) !important;
}

/* ==========================================================================
   Header Builder — alt nav: ilk item soldaki search ile, son item (Randevu Al)
   sagdaki wishlist ile tam hizali. Bunun icin:
   - col-center padding-left/right = 0 (Bootstrap default 15px ezilir)
   - ul.menu space-between, width %100
   - menu li / a iç padding-left/right %0 (ilk + son li icin sifir)
   functions.php'deki DOM-mover Randevu Al'i menu'ye <li> olarak ekler.
   Sadece desktop (>=992px). Mobile Modave default kalir.
   ========================================================================== */
@media (min-width: 992px) {
	/* E1 kurumsal renk kimligi (2026-07-19, musteri talebi):
	   Alt nav row KOYU (#222222), text/link BEYAZ.
	   ONCEKI KARAR TERSINE CEVRILDI — Session 20'de bu satir "light tema"ya
	   alinmisti (beyaz zemin / siyah link). Musteri kurumsal koyu kimlik
	   istedi: logo bandi #181818, menu bandi #222222, metin+ikon beyaz.
	   Not: tema ayari (navigation-background) TEK BASINA yetmiyor — buradaki
	   !important onu eziyordu; ikisi birlikte guncellenmeli. */
	header.pls-site-header .pls-header-navigation {
		background-color: #222222 !important;
		/* E1 rev1: ayirici cizgiler KALDIRILDI — koyu zeminde beyaz border
		   ince bir sirit olarak goruluyordu (musteri bildirdi). Bantlar zaten
		   ton farkiyla ayriliyor; sticky'de golge ayrimi sagliyor. */
		border-top: 0;
		border-bottom: 0;
	}
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li) > a,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li) > a .pls-menu-text,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li) > a .nav-link {
		color: #ffffff !important;
	}
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li) > a:hover,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.current-menu-item:not(.bsp-cta-li) > a,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li):hover > a,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li) > a:hover .pls-menu-text,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:not(.bsp-cta-li):hover > a .pls-menu-text {
		color: var(--pls-primary-color, #a5804f) !important;
	}
	/* CTA butonu — text + ikon her zaman beyaz (altin/siyah hover bg uzerinde) */
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li > a.bsh-header-cta,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li > a.bsh-header-cta:hover,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li > a.bsh-header-cta:focus,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li > a.bsh-header-cta span,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li > a.bsh-header-cta:hover span {
		color: #ffffff !important;
	}
	/* Dropdown ok/karet ikonu link rengini takip eder (E1 sonrasi: beyaz) */
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li > a::after,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li > a svg {
		color: inherit !important;
		stroke: currentColor !important;
	}

	/* col-center default Bootstrap padding 15px korunur — ust satirdaki search
	   (x=15) ve wishlist (right=container_right-15) ile alt nav menu item'lari
	   bu sayede ayni kenar hizasinda. */
	header.pls-site-header .pls-header-navigation .pls-main-navigation,
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu {
		width: 100%;
	}
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu {
		display: flex !important;
		flex-wrap: nowrap;
		justify-content: space-between !important;
		align-items: center;
		gap: 14px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li {
		flex: 0 0 auto;
		margin: 0;
		list-style: none;
	}

	/* Ilk item link sol padding 0 -> ilk metnin x'i = col-center padding (15) =
	   ust satirdaki search ikonu x'i (15) */
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:first-child > a {
		padding-left: 0 !important;
	}
	/* Son item: CTA degilse padding-right 0 -> sag kenara tam yasli.
	   CTA li ise (bsp-cta-li) kendi 0 14px buton padding'i kalir. */
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li:last-child:not(.bsp-cta-li) > a {
		padding-right: 0 !important;
	}

	/* CTA li'si — diger items ile ayni dikey hizada, sag uctaki son oge,
	   margin 0 ki sag kenara tam yasli kalsin */
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li {
		display: flex;
		align-items: center;
		margin: 0 !important;
		padding: 0 !important;
	}
	header.pls-site-header .pls-header-navigation .pls-main-navigation > ul.menu > li.bsp-cta-li a.bsh-header-cta {
		margin: 0 !important;
	}
}

/* ============================================================
 * Anasayfa kategori blogu (pls-product-categories widget)
 * Session 23 (2026-05-07) — musterinin DevTools'ta gordugu temel
 * Modave kurallari pls-shop.css tarafindan eziliyor; bunu zorla.
 * Osman'a teyit ettirildi: hedef degerler pls-elementor.css'ten gelen
 * orijinal Modave defaultu.
 * ============================================================ */
.pls-product-categories .product-count {
	font-size: 14px !important;
	line-height: 26px !important;
}
.pls-product-categories .product-category .pls-category-title {
	font-size: 16px !important;
	line-height: 22px !important;
	margin-bottom: 0 !important;
}

/* Kart altindan yukari scrim gradyen — acik zeminli gorsellerde (Spectrum Art,
 * Aksesuarlar vb.) beyaz baslik + urun sayisi okunabilirligi (2026-06-10).
 * Image overflow:hidden oldugundan gradyen kart sinirinda/radius'unda kalir;
 * metin (.pls-category-thumb-content) DOM sirasi + z-index ile gradyenin ustunde. */
.pls-product-categories .product-category .pls-category-image {
	position: relative;
}
.pls-product-categories .product-category .pls-category-image::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 55%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}
.pls-product-categories .product-category .pls-category-thumb-content {
	z-index: 2;
}

/* Mobilde urun karti aksiyon butonu bolgesi (Sepete Ekle / Incele) gizle — Osman 2026-06-10.
 * Mobilde hover yok; karta (gorsel/baslik) tiklayinca urune gidilir, bu buton gereksiz.
 * Modave .pls-cart-button override icin !important. */
@media (max-width: 767px) {
	.pls-cart-button {
		display: none !important;
	}
}

/* ============================================================
 * WC My Account — Custom Endpoint Icons (Session 25, 2026-05-08)
 * Modave parent her endpoint icon'unu kendi font'undan (\eXXX glyph) okuyor.
 * Yeni endpoint'lerimiz (kiralamalarim, iadelerim, sponsorlu-taleplerim,
 * randevu) için Modave default \e994 atıyor → hepsi aynı görünüyor.
 *
 * Çözüm: SVG inline (data URI) ile her endpoint'e ÖZEL icon. Modave font
 * override edilir, font-family: inherit + content boş + background-image SVG.
 *
 * Hem sol nav (woocommerce-MyAccount-navigation li.--{slug}) hem header
 * dropdown (.pls-myaccount-items li a.pls-mi--{slug}) için.
 * ============================================================ */

/* Sol nav — Modave font icon override.
 * Modave default: .woocommerce-MyAccount-navigation li a:before { content:"\e994"; font-family:'pls-icons' }
 * Override: body prefix + class chain → max specificity. Font reset (sans-serif + size 0)
 * Modave glyph render etmesin diye agresif kapatılır, SVG bg yerleşir.
 */
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--randevu > a:before,
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--kiralamalarim > a:before,
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--sponsorlu-taleplerim > a:before,
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--iadelerim > a:before {
	content: '' !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-block !important;
	vertical-align: -3px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 18px 18px !important;
	margin-right: 10px !important;
}

/* Header dropdown — pls-mi--{slug} class'ı pls_myaccount_menu filter'ından geliyor */
.pls-myaccount-items li a.pls-mi {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
}
.pls-myaccount-items li a.pls-mi:before {
	content: '';
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.85;
}

/* SVG icon set — altın #a5804f stroke (lucide-style 1.8 stroke-width) */
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--randevu > a:before,
.pls-myaccount-items li a.pls-mi--randevu:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cpath d='M9 16l2 2 4-4'/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--kiralamalarim > a:before,
.pls-myaccount-items li a.pls-mi--kiralamalarim:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--sponsorlu-taleplerim > a:before,
.pls-myaccount-items li a.pls-mi--sponsorlu:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--iadelerim > a:before,
.pls-myaccount-items li a.pls-mi--iadelerim:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E");
}

/* Header dropdown'da var olan endpoint'lerin de ikonu güncellensin (Modave default'ı override) */
.pls-myaccount-items li a.pls-mi--profile:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.pls-myaccount-items li a.pls-mi--orders:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}
.pls-myaccount-items li a.pls-mi--wishlist:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.pls-myaccount-items li a.pls-mi--logout:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

/* ============================================================
 * Single Product — Add to Cart row tasarım (Session 25, 2026-05-08)
 * Sorun: Modave native form.cart flex-stretch + bizim eklediğimiz
 * trigger'lar Sepete Ekle'yi 84px stretch ediyordu. Daha önce JS
 * relocate yapıyorduk → CLS (büyüyüp küçülen UX).
 *
 * Çözüm: CSS-first, head'de yüklenen kalıcı style. Sayfa ilk
 * render'da doğru görünür, JS relocate yok.
 *
 * Tasarım hedefi (e-ticaret pattern):
 *   - Sepete Ekle ve Hemen Satın Al EŞİT genişlikte, alt alta
 *   - Hemen Satın Al altın (primary CTA), Sepete Ekle siyah (secondary)
 *   - Aynı yükseklik (52px), aynı border-radius (full pill)
 *   - Bridal/Sponsored trigger ayrı satırda, kendi grid'inde
 * ============================================================ */

/* ─── Spacing hierarchy (e-ticaret pattern) ───
   summary direct children arası 16px (gruplar nefes alır)
   form.cart içi 8px (CTA grubu sıkı)
   bsp-actions-row form.cart sonrası: -8px ile effective 8px (CTA group continuation)
   pls-product-share margin-top yok (summary gap = 16px yeterli) */

.summary {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}
.summary > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* form.cart container — column flex, sıkı CTA group spacing */
.summary form.cart {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	margin: 0 !important;
}
.summary form.cart > .pls-quantity-label {
	margin: 0 !important;
	font-size: 0.95rem;
	color: #555;
}
.summary form.cart > .pls-quantity {
	align-self: flex-start;
	margin: 0 0 8px !important; /* Adet ↔ Sepete Ekle arası 8+8=16px (mikro hierarchy) */
}

/* Sepete Ekle — Hemen Satın Al ile birebir uyumlu zarif buton.
   :not(.bsp-rental__submit) — rental "Kirala" submit butonu bu kozmetik kuralın
   DIŞINDA tutulur. Aksi halde bu kural (specificity 0,3,1 + !important) rental
   plugin'in `.bsp-rental__submit[hidden]{display:none!important}` (0,2,0) gizleme
   kuralını ezer, "Kirala" butonu default açık gelir + confirm "Kirala" olunca
   2 buton çakışır. Rental submit'in tüm stili frontend.css CTA kuralında.
   Native-hide kuralı (satır ~93) ile aynı :not() simetrisi. */
.summary form.cart .single_add_to_cart_button:not(.bsp-rental__submit) {
	width: 100% !important;
	flex: none !important;
	height: 52px !important;
	min-height: 52px !important;
	max-height: 52px !important;
	padding: 0 24px !important;
	border-radius: 999px !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--pls-secondary-color, #181818) !important;
	color: #fff !important;
	border: 1px solid var(--pls-secondary-color, #181818) !important;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
}
.summary form.cart .single_add_to_cart_button:not(.bsp-rental__submit):hover {
	background: var(--pls-primary-color, #a5804f) !important;
	border-color: var(--pls-primary-color, #a5804f) !important;
	color: #fff !important;
}

/* Hemen Satın Al (Modave pls-quick-buy) — eşit yükseklik */
div.summary .pls-quick-buy {
	margin-top: 0.5rem !important;
}
.summary .pls-quick-buy,
.summary .pls-quick-buy a,
.summary .pls-quick-buy button {
	height: 52px !important;
	min-height: 52px !important;
	border-radius: 999px !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
}

/* Wishlist (favori) — pls-whishlist-btn DIV sadece konum, asıl yuvarlak woosw <a>'da
   (önceki bug: hem div hem a yuvarlak çerçeve → çift katman) */
.summary .pls-product-share {
	display: flex !important;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 0 !important;
}
.summary .pls-product-share .share-label {
	font-size: 0.95rem;
	color: #555;
}
.summary .pls-product-share .pls-whishlist-btn,
.summary .pls-product-share .pls-compare-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: none !important;
	background: transparent !important;
	width: auto;
	height: auto;
}
/* Asıl yuvarlak buton woosw/woosc <a> üzerinde */
.summary .pls-product-share .pls-whishlist-btn > a,
.summary .pls-product-share .pls-compare-btn > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	height: 38px !important;
	border: 1px solid #e5e0d4 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #555;
	font-size: 0; /* "Favorilere ekle" text gizle, sadece woosw icon görünür */
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.summary .pls-product-share .pls-whishlist-btn > a::before,
.summary .pls-product-share .pls-compare-btn > a::before {
	font-size: 16px; /* icon (font icon) restore */
}
.summary .pls-product-share .pls-whishlist-btn > a:hover,
.summary .pls-product-share .pls-compare-btn > a:hover {
	border-color: var(--pls-primary-color, #a5804f) !important;
	background: #fafafa !important;
	color: var(--pls-primary-color, #a5804f);
}

/* bsp-actions-row — form.cart sonrası, summary gap (16px = 4x) effective.
   Kullanıcı tasarım kararı (2026-05-08): Sepete Ekle ↔ Hemen Satın Al 2x (form.cart gap),
   Hemen Satın Al ↔ Randevu Al 4x (summary gap). */
.summary > .bsp-actions-row,
.summary .bsp-actions-row {
	display: flex !important;
	gap: 8px;
	margin: 0 !important;
	flex-wrap: wrap;
}
.summary .bsp-actions-row .bsbr-trigger-wrap,
.summary .bsp-actions-row .bsp-sponsor__trigger-wrap {
	flex: 1 1 200px;
	min-width: 200px;
}
.summary .bsp-actions-row .bsbr-trigger,
.summary .bsp-actions-row .bsp-sponsor__trigger {
	width: 100%;
	justify-content: center;
	height: 52px; /* Sepete Ekle + Hemen Satın Al ile aynı */
}

/* Mobile: butonlar tek sütun, 100% width */
@media (max-width: 600px) {
	.summary .bsp-actions-row .bsbr-trigger-wrap,
	.summary .bsp-actions-row .bsp-sponsor__trigger-wrap {
		flex: 1 1 100%;
		min-width: 0;
	}
}

/* ============================================================
   Madde 5 — Özel 404 sayfası (marka kanat logosu siyah-beyaz)
   Token-aware: --pls-primary-color (altın) + --pls-secondary-color (ink)
   ============================================================ */
.bsp-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58vh;
	padding: 72px 20px;
	text-align: center;
}
.bsp-404__inner {
	max-width: 560px;
	margin: 0 auto;
}
.bsp-404__logo {
	width: 230px;
	height: auto;
	margin-bottom: 6px;
}
.bsp-404__code {
	font-size: clamp(70px, 13vw, 124px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	color: var(--pls-secondary-color, #181818);
	margin: 0 0 4px;
}
.bsp-404__title {
	font-size: clamp(20px, 3vw, 26px);
	font-weight: 600;
	color: var(--pls-secondary-color, #181818);
	margin: 0 0 12px;
}
.bsp-404__text {
	font-size: 15px;
	line-height: 1.75;
	color: color-mix(in srgb, var(--pls-secondary-color, #181818) 58%, transparent);
	margin: 0 0 28px;
}
.bsp-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.bsp-404__btn {
	display: inline-block;
	padding: 11px 22px;
	border: 1px solid color-mix(in srgb, var(--pls-primary-color, #a5804f) 35%, transparent);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	color: var(--pls-secondary-color, #181818);
	text-decoration: none;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.bsp-404__btn:hover {
	border-color: var(--pls-primary-color, #a5804f);
	color: var(--pls-primary-color, #a5804f);
}
.bsp-404__btn--primary {
	background: var(--pls-primary-color, #a5804f);
	border-color: var(--pls-primary-color, #a5804f);
	color: #fff;
}
.bsp-404__btn--primary:hover {
	background: color-mix(in srgb, var(--pls-primary-color, #a5804f) 85%, #000);
	border-color: color-mix(in srgb, var(--pls-primary-color, #a5804f) 85%, #000);
	color: #fff;
}

/* ============================================================
   Madde 6 — Stok limiti bilgi toast'ı (quantity "+" max'ta)
   ============================================================ */
.bsp-qty-toast {
	position: fixed;
	left: 50%;
	bottom: 32px;
	transform: translateX(-50%) translateY(14px);
	max-width: 90vw;
	padding: 13px 22px 13px 18px;
	border-left: 3px solid var(--pls-primary-color, #a5804f);
	background: var(--pls-secondary-color, #181818);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
	opacity: 0;
	pointer-events: none;
	z-index: 99999;
	transition: opacity .25s ease, transform .25s ease;
	text-align: center;
}
.bsp-qty-toast.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* ============================================================
   Madde 3a — Ürün kartı en-boy oranı sabit (layout şaşmasın)
   WC crop=uncropped → kartlar farklı yükseklikte. 3:4 + object-fit:cover
   ile tüm vitrin kartları aynı orana oturur; görsel ortadan kırpılır.
   ============================================================ */
.pls-product-image {
	aspect-ratio: 3 / 4;
	overflow: hidden;
}
.pls-product-image img,
.pls-product-image .front-image,
.pls-product-image .hover-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

/* ==========================================================================
   E1 rev1 — kurumsal koyu kimlik: tamamlayici duzeltmeler (2026-07-19)
   Musteri geri bildirimi uzerine:
   1) Ust serit (kayan yazi) menu bandiyla AYNI ton (#222222)
   2) Footer da ayni ton
   3) Hamburger/mobil menu paneli koyu + beyaz metin
   4) Megamenu icindeki basliklar/metinler beyaz (zemin #181818, metin siyahti)
   5) Sticky'de nav fixed olunca kaybolan yer tutucu telafi edilir
   Not: bu dosyada !important, Modave'nin agresif kurallarini ezmek icin
   proje genelinde kabul edilmis desendir (CLAUDE.md 4. bolum).
   ========================================================================== */

/* --- 1) Ust serit: menu bandiyla ayni ton ------------------------------- */
.pls-header-topbar {
	background-color: #222222 !important;
}

/* --- 2) Footer: ayni koyu ton ------------------------------------------ */
footer .elementor-1415,
footer .pls-block-1415,
.pls-site-footer .elementor-1415 {
	background-color: #222222 !important;
}

/* --- 3) Hamburger / mobil menu paneli ---------------------------------- */
.pls-mobile-menu {
	background-color: #181818 !important;
	color: #ffffff !important;
}
.pls-mobile-menu a,
.pls-mobile-menu li,
.pls-mobile-menu span:not(.menu-toggle),
.pls-mobile-menu .pls-menu-text,
.pls-mobile-menu h1, .pls-mobile-menu h2, .pls-mobile-menu h3,
.pls-mobile-menu h4, .pls-mobile-menu h5, .pls-mobile-menu h6 {
	color: #ffffff !important;
}
/* menu ogeleri arasindaki ayirici cizgiler koyu zemine uyarlanir */
.pls-mobile-menu li,
.pls-mobile-menu ul li {
	border-color: rgba(255, 255, 255, 0.12) !important;
}
/* +/- acilir menu ikonlari (E7 — Osman 2026-07-20: "ikonlar siyah, beyaz olmali")
 *
 * E1'de (Tur 35) bu blok `.pls-toggle-icon` sinifini hedefliyordu ve `color` +
 * `border-color` set ediyordu. IKISI DE YANLIS HEDEFTI:
 *   - `.pls-toggle-icon` sinifi bu kurulumda HIC YOK (olculdu: 0 eleman),
 *     gercek sinif `ul.mobile-main-menu li > .menu-toggle` (7 eleman).
 *   - Ikon `color` ile degil BACKGROUND-COLOR ile ciziliyor: iki cubuk
 *     (::before 2x12 dikey, ::after 12x2 yatay) birlesip arti isareti yapiyor.
 * Tema bunlara `background-color:#181818` veriyor; E1'de panel zemini de #181818
 * olunca ikon SIYAH-USTUNE-SIYAH kalip gorunmez oldu (kaybolmadi, okunmaz oldu).
 *
 * !important ZORUNLU: pls-theme.css child temadan SONRA yukleniyor (olculdu:
 * sira 26 vs 15) -> ayni ozgullukteki kural kaybeder.
 */
ul.mobile-main-menu li > .menu-toggle::before,
ul.mobile-main-menu li > .menu-toggle::after {
	background-color: #ffffff !important;
}
/* acik/aktif ve hover durumunda marka altini ile vurgula */
ul.mobile-main-menu li.active > .menu-toggle::before,
ul.mobile-main-menu li.active > .menu-toggle::after,
ul.mobile-main-menu li > .menu-toggle:hover::before,
ul.mobile-main-menu li > .menu-toggle:hover::after {
	background-color: var(--pls-primary-color, #a5804f) !important;
}
/* varsa SVG/font ikonlar da beyaz kalsin (savunma amacli, tema surumu degisirse) */
.pls-mobile-menu button svg,
.pls-mobile-menu i {
	color: #ffffff !important;
}
.pls-mobile-menu a:hover,
.pls-mobile-menu li:hover > a {
	color: var(--pls-primary-color, #a5804f) !important;
}

/* --- 4) Megamenu: koyu zeminde metinler beyaz --------------------------- */
/* ⚠️ BUTON BENZERI OGELER HARIC TUTULUR — onlarin KENDI zemini var.
   Vaka (2026-07-19, musteri bildirdi): ilk surumde `.pls-megamenu-wrapper a`
   toptan beyaz yapilmisti; urun kartindaki `.woosw-btn` (Favorilere ekle) ve
   `.bsp-loop-incele` (Incele) zemini #ffffff oldugu icin icerikleri beyaz
   uzerine beyaz kalip GORUNMEZ oldu. Buton stillerini temaya birakiyoruz. */
.pls-megamenu-wrapper h1, .pls-megamenu-wrapper h2, .pls-megamenu-wrapper h3,
.pls-megamenu-wrapper h4, .pls-megamenu-wrapper h5, .pls-megamenu-wrapper h6,
.pls-megamenu-wrapper .elementor-heading-title,
.pls-megamenu-wrapper p,
.pls-megamenu-wrapper li:not(.product),
.pls-megamenu-wrapper a:not(.button):not([class*="woosw"]):not([class*="btn"]):not([class*="cart"]),
.pls-megamenu-wrapper .pls-product-title,
.pls-megamenu-wrapper .pls-product-title a,
.pls-navigation ul.menu ul.sub-menu a:not(.button):not([class*="woosw"]):not([class*="btn"]) {
	color: #ffffff !important;
}
.pls-megamenu-wrapper a:not(.button):not([class*="woosw"]):not([class*="btn"]):hover,
.pls-megamenu-wrapper .elementor-heading-title a:hover,
.pls-navigation ul.menu ul.sub-menu a:not(.button):not([class*="btn"]):hover {
	color: var(--pls-primary-color, #a5804f) !important;
}

/* --- 5) Sticky yer tutucu telafisi -------------------------------------- */
/* Sticky aktifken .pls-header-main ve .pls-header-navigation position:fixed
   olur; ikisi de dokuman akisindan cikar. Header elemani yalnizca topbar
   kadar (45px) yer tutmaya devam eder, bu yuzden icerik yukari sicrar ve
   sticky bandin altinda kalir. Kaybolan yukseklik kadar yer tutucu eklenir.
   Olculdu (2026-07-19): main 82px + nav 58px = 140px. */
@media (min-width: 1025px) {
	header.pls-site-header.header-sticky.fixed {
		padding-bottom: 140px;
	}
}

/* ==========================================================================
   E2 — tekil urun: uc secenek (Satin Al · Kirala · Sponsorlu Iste)
   Musteri renkleri: SATIN AL mevcut altin · KIRALA #9b9998 · SPONSOR #daac8a
   (sponsor rengi 2026-07-20'de #d8b7a7 -> #daac8a olarak Osman tarafindan
   guncellendi.)
   Yazi rengi BEYAZ (musteri karari 2026-07-19). OLCULDU, beyaz metin kontrasti:
   #a5804f 3.62 · #9b9998 2.84 · #daac8a 2.05 — ucu de WCAG AA esigini (4.5)
   GECMIYOR. Bu bilincli bir MARKA KARARIDIR, hata degil; gorsel butunluk
   tercih edildi. >>> Sonraki oturum bunu "kontrast hatasi" sanip DUZELTMESIN. <<<
   Varsayilan acik mod: SATIN AL. Ilk iki buton MOD secici, ucuncusu form acar.
   ========================================================================== */
/* Duzen ESKI HALIYLE: yan yana, kapsul icinde. Sadece saga ucuncu buton
   eklendi (musteri: "yan yana eski tasarim sisteminde kalsin, sadece saginа
   3. buton"). Sira korundu: Kirala · Satin Al · Sponsorlu Iste. */
.bsp-mode-toggle--trio .bsp-mode-toggle__btn {
	flex: 1 1 0;
	min-width: 0;
	padding: 12px 8px;
	font-size: 13px;
	white-space: nowrap;
	opacity: 1;
	color: #ffffff;
}
.bsp-mode-toggle--trio [data-bsp-mode="sat"] {
	background: var(--pls-primary-color, #a5804f);
}
.bsp-mode-toggle--trio [data-bsp-mode="kir"] {
	background: #9b9998;
}
.bsp-mode-toggle--trio .bsp-mode-toggle__btn--sponsor {
	background: #daac8a;
}
/* Aktif mod: ESKI tasarimin kendi vurgusu (golge). Ekstra farklilastirma
   eklenmedi — musteri "tasarimda farklilastirma yapma" dedi. */
.bsp-mode-toggle--trio [data-bsp-mode].is-active {
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}
.bsp-mode-toggle--trio .bsp-mode-toggle__btn:hover {
	filter: brightness(.94);
}
@media (max-width: 480px) {
	.bsp-mode-toggle--trio .bsp-mode-toggle__btn { font-size: 12px; padding: 11px 4px; }
}
/* Sponsorluk artik yukaridaki butonda — asagidaki eski tetikleyici gizlenir,
   randevu butonu tam genislige yayilir. Form/modal DOM'da kalir (tek kaynak). */
/* Ata olarak body kullanilir: .bsp-actions-row'un uzeri temaya gore
   .summary / .entry-summary olabiliyor; olcumde :has() bu yuzden tutmadi. */
body:has(.bsp-mode-toggle--has-sponsor) .bsp-actions-row .bsp-sponsor__trigger {
	display: none !important;
}
body:has(.bsp-mode-toggle--has-sponsor) .bsp-actions-row .bsbr-trigger-wrap {
	flex: 1 1 100%;
	width: 100%;
}

/* E10 — anasayfa yorum kartindaki BUYUK musteri fotografi urune baglaniyor.
 *
 * 2026-07-20 DUZELTME (Osman: "patlamis"): link ARTIK GORSELI SARMIYOR,
 * gorselin ICINE mutlak konumlu ekleniyor (stretched-link deseni).
 * Sebep: .pls-client-img bir FLEX ITEM (.pls-testimonial-style-3 .pls-client-img
 * { flex: 0 0 37% }). Araya <a> girince flex container'in dogrudan cocugu
 * olmaktan cikip flex kurali oluyordu -> gorsel icerik boyutuna dusuyordu.
 * Parent .pls-client-img zaten position:relative (tema kurali), ek gerek yok.
 */
.bsp-client-img-link {
	position: absolute;
	inset: 0;
	z-index: 1;
	cursor: pointer;
}
/* Temanin hover'da actigi hizli-bakis butonu linkin USTUNDE kalmali,
   yoksa link onu ortuyor ve buton tiklanamaz hale geliyor. */
.pls-testimonials .pls-quickview-btn {
	z-index: 2;
}
.bsp-client-img-link:focus-visible {
	outline: 2px solid var(--pls-primary-color, #a5804f);
	outline-offset: 3px;
}

/* ==========================================================================
   E17 (Osman 2026-07-20) — mobil menude ACIK ZEMINLI ikonlar gorunmuyordu
   ==========================================================================
   Kok neden: E1'in "menu icindeki her sey beyaz" kurali
   (.pls-mobile-menu a / li / span { color:#fff !important }) KOYU zemin
   varsayiyor. Ama iki oge KENDI ACIK dairesinin uzerinde duruyor:
       .pls-close-btn  daire #f7f7f7  + ikon beyaz -> gorunmez
       .woosw-btn      daire #ffffff  + ikon beyaz -> gorunmez
   (olculdu 2026-07-20, tarayici: ikisi de rgb(255,255,255)).
   Cift-sinif ile ozgulluk (0,3,0) -> E1'in span:not() kuralini (0,2,1) yener.
   ::before AYRICA hedeflenir: blanket kural rengi elemana veriyor, pseudo
   miras aliyor; pseudo'yu dogrudan hedeflemek mirasi keser. */
.pls-mobile-menu .pls-close-btn.pls-close-btn,
.pls-mobile-menu .pls-close-btn.pls-close-btn::before,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn::before,
.pls-mobile-menu .woosw-btn.woosw-btn,
.pls-mobile-menu .woosw-btn.woosw-btn::before,
.pls-mobile-menu-wrap .woosw-btn.woosw-btn,
.pls-mobile-menu-wrap .woosw-btn.woosw-btn::before {
	color: #181818 !important;
}

/* E19 (Osman 2026-07-20) — "hoverda ikisi de siyah oluyor, beyaz olmali"
 *
 * E17 yukaridaki kurali yazarken ZEMINI SABIT VARSAYDI. Degilmis:
 * tema hover'da daireyi KOYULASTIRIYOR (pls-shop.css):
 *     .pls-close-btn:hover { background: var(--pls-secondary-color);   -> #181818
 *                            color:      var(--pls-secondary-inverse); -> #FFFFFF
 *                            transform:  rotate(90deg); }
 * Yani tema zaten uyumlu bir CIFT veriyordu; E17'nin `!important` rengi
 * cifti bozup yalniz zemini birakti -> siyah ustune siyah.
 *
 * [olculdu 2026-07-20, Playwright iPhone 14, gercek fare hover'i]
 *     NORMAL kontrast 16.57  (acik daire + koyu ikon)  ✅
 *     HOVER  kontrast  1.00  (koyu daire + koyu ikon)  🔴  <- bu satirin sebebi
 * Duzeltme sonrasi hedef: hover 17.76 (koyu daire + beyaz ikon).
 *
 * :focus-visible DE hedeflenir — klavyeyle gezen kullanici ayni tuzaga duser.
 * ::before ayrica yazilir: ikon pseudo icinde, miras kesilmeli.
 *
 * NOT (olcum): yukaridaki kuralin `.woosw-btn` ayagi bu kurulumda OLU —
 * menu icindeki 15 favori butonunun GORUNUR olani 0 (masaustu + mobil ayri
 * olculdu). Hover karsiligi bilerek YAZILMADI: gorunmeyen bir ogenin hover
 * zemini olculemez, olculmeden beyaz yazmak "beyaz ustune beyaz" riski. */
.pls-mobile-menu .pls-close-btn.pls-close-btn:hover,
.pls-mobile-menu .pls-close-btn.pls-close-btn:hover::before,
.pls-mobile-menu .pls-close-btn.pls-close-btn:focus-visible,
.pls-mobile-menu .pls-close-btn.pls-close-btn:focus-visible::before,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn:hover,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn:hover::before,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn:focus-visible,
.pls-mobile-menu-wrap .pls-close-btn.pls-close-btn:focus-visible::before {
	color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   E18 — mobilde IKI filtre tetikleyicisi vardi; yalniz "Filtrele" kalsin.
   --------------------------------------------------------------------------
   `.pls-canvas-sidebar` = temanin sol kenarda yuzen 52x52 "Sidebar" sekmesi
   (position:fixed, z-index:995). E9'da `sidebar-canvas-mobile` ayarini acinca
   ZORUNLU olarak geliyor.
   AYAR ARANDI, YOK: pls_wc_canvas_sidebar() yalnizca su durumlarda basmiyor —
   (a) layout full-width, (b) sidebar-canvas-mobile kapali (drawer'i da kapatir),
   (c) mobile-bottom-navbar ACIK ve icinde 'sidebar' var. (c) ekrana komple bir
   alt navigasyon bari ekler -> istenmeyen yan etki. Bu yuzden CSS ile gizlemek
   en dar cozum. Urun basligindaki "Filtrele" butonu ayni drawer'i aciyor,
   islevsellik kaybi YOK.  */
.pls-canvas-sidebar {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Onay kutusu / secim dugmesi — GORUNURLUK + TIK HIZASI (Tur 56 → Tur 58)
   --------------------------------------------------------------------------
   Osman gozlemi (2026-08-01): "on odeme formundaki tik belli degil, gozukmuyor."
   OLCULDU: tema kenarligi `#e9e9e9`, beyaz zemine karsi kontrast **1.21:1**.
   WCAG 2.2 SC 1.4.11 (Non-text Contrast) kullanici arayuzu bileseni icin **3:1**
   ister -> kutu isaretsizken pratikte gorunmuyor, kullanici neyi onaylayacagini
   goremiyor. Yasal onay kutusunda (mesafeli satis / on bilgilendirme) bu yalnizca
   estetik degil, ONAYIN GORUNURLUGU meselesi.
   Radio da ayni kuraldan besleniyor ve ayni kusuru tasiyor (odeme yontemi secimi).
   `cmplz-*` cerez banneri disarida: orada input `opacity:0` ile gizlenip yerine
   switch ciziliyor, kenarlik gorunmuyor; dokunmanin faydasi yok, riski var.

   🔴 TUR 58 (2026-08-07) — ZEMIN VARSAYIMI KALDIRILDI. Tur 56 kenarligi ikincil
   renkten (#181818) turetiyordu; bu, kuralin BEYAZ ZEMINDE dogru ama KOYU zeminde
   yanlis olmasi demekti. Osman: "ticari elektronik kaydindaki tik gozukmuyor,
   arkaplanda siyah kalmis" + "bir daha gosterme kismindaki tik de gozukmuyor".
   CANLIDA OLCULDU: ayni renk pop-up (#181818) ve footer (#222222) zeminlerinde
   zemine cokuyordu -> kontrast **1.00** ve **1.06**, kutu hic cizilmiyordu.
   Kutunun kendi zemini de yok (tema `appearance:none` verip `background` vermiyor).
   Cozum ZEMIN-BAGIMSIZ notr griye gecmek; olculen kontrastlar (hesap siyah/beyaz
   =21.00 + beyaz/beyaz=1.00 ile kalibre edildi):
     #8a8a8a -> beyaz 3.56 · pop-up #181818 4.80 · footer #222222 4.31  (esik 3:1)
   Tek deger UC zeminde de gecer, yani yeni bir koyu yuzey eklendiginde kural
   kendiliginden dogru kalir. Token'a bagli olsaydi ayni tuzak tekrarlanirdi.  */
:root {
	/* Kontrol (onay kutusu / secim dugmesi) kenarligi. Marka paletinden BAGIMSIZ
	   olmasi bilincli: paletteki her renk bir zemine aittir, bu deger ise hem acik
	   hem koyu zeminde 3:1 esigini gecmek zorunda. Degistirilecekse ucu birden
	   yeniden olculmeli (beyaz #ffffff · pop-up #181818 · footer #222222). */
	--bsp-kontrol-kenarlik: #8a8a8a;
}
input[type="checkbox"]:not([id^="cmplz"]),
input[type="radio"]:not([id^="cmplz"]) {
	border-color: var(--bsp-kontrol-kenarlik, #8a8a8a);
}

/* TIK ORTALAMA — site geneli (Tur 58).
   Osman: "site genelinde tum tik isaretleri ortali degil yamuk duruyor, bunu
   globalde yapmak lazim". OLCULEN kok sebep tema kuralinda:
   `::before` -> `line-height:17px` + `height:100%` (19px); yatayda
   `text-align:center` vardi, kusur yalnizca dikeydeydi.
   flex ortalama glifi iki eksende de merkeze oturtur ve satir yuksekligi
   kaynakli kaymayi tamamen ortadan kaldirir.  */
input[type="checkbox"]:not([id^="cmplz"])::before,
input[type="radio"]:not([id^="cmplz"])::before {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* ISARETLI HAL — dolgu her zeminde gorunur + kalan dikey kayma sifirlanir.
   (a) Dolgu: tema `var(--pls-secondary-color)` = #181818 ile boyuyordu; beyaz
       zeminde 18:1 (dogru), koyu zeminde **1.00** -> kare kayboluyor, geriye
       havada asili bir tik kaliyordu (canlida ::before e gecici kirmizi boya
       verilerek kanitlandi: glif SAGLAM, kaybolan KAREYDI). Marka altini ucunde
       de esigi gecer: beyaz 3.75 · pop-up 4.90 · footer 4.39; tik altinda 3.62.
   (b) padding-top: tema yalniz ISARETLI hale `padding-top:2px` ekliyor ->
       icerik kutusu 19+2=21px olup kutunun 19px lik ic alanini ASIYOR ve glifi
       asagi itiyor. Ustteki flex ortalamasinin isaretli halde de gecerli olmasi
       icin sifirlanir.
   Iki bildirim TEK kuralda: ayni secici iki blokta yasarsa hangisinin kanonik
   oldugu belirsizlesir ve biri silinince digeri sessizce yalniz kalir.  */
input[type="checkbox"]:not([id^="cmplz"]):checked::before,
input[type="radio"]:not([id^="cmplz"]):checked::before {
	background-color: var(--pls-primary-color, #a5804f);
	padding-top: 0;
}

/* Klavyeyle gezen kullanici kutunun uzerinde oldugunu gormeli (WCAG 2.4.7).
   Tema yalniz fare durumunu stillendirmis; odak halkasi marka renginde. */
input[type="checkbox"]:not([id^="cmplz"]):focus-visible,
input[type="radio"]:not([id^="cmplz"]):focus-visible {
	outline: 2px solid var(--pls-primary-color, #a5804f);
	outline-offset: 2px;
}

/* ==========================================================================
   MOBIL HAMBURGER MENU — musteri revizesi (Madde 4 + Madde 6)
   Breakpoint OLCULDU, uydurulmadi: Modave Bootstrap `lg` esigini 1025px'e
   cekmis (pls-theme.css: `@media (min-width:1025px){ .d-lg-none{display:none} }`).
   Mobil header `.pls-header-mobile.d-flex.d-lg-none` yalnizca 1024px ve altinda
   render ediliyor; masaustu icin tek satir bile degismesin diye ayni esik.
   ========================================================================== */
@media (max-width: 1024px) {

	/* --- Madde 4: sekme acilinca cikan urun vitrini gizlensin ---------------
	   Kaynak (olculdu): tema `PLS_Mega_Menu_Walker` masaustu megamenusunun
	   Elementor blogunu mobil drawer'a AYNEN kopyaliyor. 7 megamenulu ogenin
	   7'sinde de yapi ayni: N x `pls-menu-block` (kategori linkleri, KALSIN)
	   + `pls-heading` ("Yeni Gelen Urunler") + `pls-products-grid-slider`
	   (urun kartlari). "Yeni Gelenler" sekmesinde acilan panel 615px, bunun
	   453px'i (%74) urun bolumu → musterinin "cok yer kapliyor, yanlislikla
	   basiliyor" sikayeti tam olarak bu iki widget.
	   `display:none` secildi: odaklanabilir oge birakmaz (klavye/ekran okuyucu
	   gizlenen urun kartlarina da girmez).
	   Kapsam `.mobile-main-menu` — bu sinif YALNIZ mobil sablonlarda uretiliyor
	   (template-parts/mobile/*.php); masaustu nav `ul.menu` kullanir. */
	.pls-mobile-menu .mobile-main-menu .pls-megamenu-holder .elementor-widget-pls-heading,
	.pls-mobile-menu .mobile-main-menu .pls-megamenu-holder .elementor-widget-pls-products-grid-slider {
		display: none;
	}

	/* Iki widget'i saran Elementor konteyneri de kalksin, yoksa flex bosluk
	   kadar bos alan kalir. AYRI kural: `:has()` desteklemeyen eski tarayicida
	   bu kural gecersiz sayilip atilir ama yukaridaki kural ayakta kalir
	   (tek kuralda birlesseydi ikisi birden duserdi). */
	.pls-mobile-menu .mobile-main-menu .pls-megamenu-holder .e-con:has(> .elementor-widget-pls-products-grid-slider) {
		display: none;
	}

	/* --- Madde 6: mobil menudeki "Randevu Al" ogesi -------------------------
	   Markup child functions.php'deki `wp_nav_menu_items` filtresinden gelir.
	   Masaustu CTA'si ile ayni gorsel dil: altin zemin + beyaz metin + ayni
	   takvim ikonu. Metin rengine DOKUNULMUYOR — drawer'in mevcut
	   `.pls-mobile-menu a { color:#fff !important }` kurali zaten beyaz veriyor,
	   boylece yeni bir `!important` yarisi acilmiyor. */
	.pls-mobile-menu .mobile-main-menu > li.bsp-mobile-randevu-li {
		border: 0;
	}
	.pls-mobile-menu .mobile-main-menu > li.bsp-mobile-randevu-li > a.bsp-mobile-randevu {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin: 14px 0 4px;
		padding: 13px 16px;
		background: var(--pls-primary-color, #a5804f);
		border-radius: var(--pls-border-radius, 6px);
		font-weight: 500;
	}
	.pls-mobile-menu .mobile-main-menu > li.bsp-mobile-randevu-li > a.bsp-mobile-randevu:hover,
	.pls-mobile-menu .mobile-main-menu > li.bsp-mobile-randevu-li > a.bsp-mobile-randevu:focus-visible {
		background: color-mix(in srgb, var(--pls-primary-color, #a5804f) 82%, #000);
	}
	.pls-mobile-menu .mobile-main-menu > li.bsp-mobile-randevu-li > a.bsp-mobile-randevu svg {
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		stroke: currentColor;
		fill: none;
	}
}
