/* ============================================================
   HEADER — tek katmana indirme
   Sorun: üst şerit (40px) + ana bar (81px) = 121px iki katlı header.
   İki katlı header amatör okunuyor ve fold'dan 40px çalıyor.
   Üst şeritteki iki link (Oturma Hakkında, Kalite ve Garanti)
   footer'da zaten var — kayıp yok. Telefon ana bara CTA olarak taşındı
   (functions.php: fitchair_menuye_telefon_ekle).
   ============================================================ */

.whb-top-bar { display: none !important; }

/* Üst şerit gizlendi ama Woodmart'ın yükseklik değişkenleri bunu BİLMİYOR:
   --wd-header-h = --wd-top-bar-h + --wd-header-general-h + --wd-header-bottom-h
   formülüyle hesaplanıyor ve gizli şerit için hâlâ 40px, hiç var olmayan alt
   satır için 45px sayıyordu (ölçüldü: değişken 166px, gerçek header 81px).
   Bu değişkeni kullanan her şey (yapışkan header boşluğu, mobil menü üst
   konumu, çapa kaydırması) 85px kayıyordu. Değişkenler gerçeğe çekiliyor. */
/* !important ŞART: Woodmart bu değişkenleri wp_head'de SATIR İÇİ <style> ile
   yazıyor; aynı özgüllükte (:root) ama bizden SONRA geldiği için normal
   bildirim kaybediyor. Ölçüldü: header.css 0px yazıyor, satır içi 40px eziyor. */
:root{
	--wd-top-bar-h: 0px !important;
	--wd-header-bottom-h: 0px !important;
}

/* Ana menüdeki telefon CTA'sı */
.wd-header-main-nav .menu-item.fc-tel-cta > a {
	background: var(--wd-primary-color, #2c3390);
	color: #fff !important;
	border-radius: 999px;
	padding: 10px 20px !important;
	margin-inline-start: 12px;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color .2s ease, transform .2s ease;
}
.wd-header-main-nav .menu-item.fc-tel-cta > a:hover {
	background: #1e246b;
	transform: translateY(-1px);
}
/* Woodmart menü öğelerine alt çizgi/ok efekti basıyor — CTA'da istemiyoruz */
.wd-header-main-nav .menu-item.fc-tel-cta > a::before,
.wd-header-main-nav .menu-item.fc-tel-cta > a::after { display: none !important; }

/* Mobilde ana menü gizli; CTA yalnız masaüstünde anlamlı */
@media (max-width: 1024px) {
	.wd-header-main-nav .menu-item.fc-tel-cta { display: none; }
}

/* TAM GENİŞLİK ŞABLONLARI (ana sayfa + kategori).
   Woodmart içeriği main#main-content.container içine alıyor
   (max-width:1480px + padding:40px 15px). Bizim şablonlarımızda zemin
   kenara ulaşmalı, içerik ise --fc-yan ile aynı konteyner hizasına oturur.
   .fc-ana'ya 100vw VERİLMEZ: 100vw kaydırma çubuğunu da sayıp yatay taşma üretir. */
/* Seçici `.container` SINIFINA BAĞLANMAZ: Woodmart bu sınıfı yalnız bazı
   şablonlarda basıyor. Ürün sayfasında main'in sınıfları
   `wd-content-layout content-layout-wrapper wd-builder-off` — kural hiç
   eşleşmiyordu ve header altında 40px dikey padding kalıyordu (ölçüldü). */
body.fc-tam-genislik main#main-content{max-width:none;padding:0}
body.fc-tam-genislik .wd-page-content{padding-top:0;padding-bottom:0}

/* EMNİYET AĞI. Asıl çözüm taxonomy-product_cat.php'deki
   `woocommerce_show_page_title` filtresi: band kaynaktan kalkar, ikinci <h1>
   hiç basılmaz. Bu kural yalnız bir eklenti bandı başka yoldan basarsa
   devreye girer; tek başına YETMEZ (display:none arama motoruna bir şey
   anlatmaz). Diğer sayfalarda band olduğu gibi kalır. */
body.fc-kategori .wd-page-title,
body.fc-sepet-sayfa .wd-page-title,
body.fc-odeme-sayfa .wd-page-title,
body.fc-tesekkur-sayfa .wd-page-title,
body.fc-icerik-sayfa .wd-page-title{display:none}

/* ------------------------------------------------------------
   ÖDEME/SİPARİŞ SAYFASINDA HEADER GENİŞLİĞİ

   Woodmart'ta ayrı bir "preset" ödeme akışında site genişliğini
   1480 → 1025px'e düşürüyor (`--wd-container-w`). Header bu değeri
   `.container` üzerinden okuduğu için ödeme sayfasında logo+menü+telefon
   1025px'e sıkışıp telefon butonu ikinci satıra kayıyordu; sayfanın geri
   kalanı ise 1480'lik ızgarada duruyordu — ölçülen fark: 244..1269'a karşı
   31..1481. Header tüm sayfalarda AYNI ızgarada durmalı.
   ------------------------------------------------------------ */
body.woocommerce-checkout,
body.woocommerce-order-received{--wd-container-w:1480px}