/* ============================================================
   RAHİ — Woodmart karanlık kabuk uyarlaması (04-07-2026)
   rahi.css'ten SONRA yüklenir; tema bileşenlerini
   "Hiç'in Işıltısı" paletine çevirir.
   ============================================================ */

/* Zemin ve genel metin */
body, .website-wrapper, .main-page-wrapper, .wd-page-wrapper, .wd-content-area {
  background-color: var(--kadife) !important;
  color: var(--fildisi);
}

/* Üst başlık (Woodmart header) */
.whb-header, .whb-general-header, .whb-main-header, .whb-header-bottom,
.whb-top-bar, .whb-clone, .whb-sticked .whb-main-header {
  background: rgba(15, 12, 14, 0.92) !important;
  border-color: var(--cizgi) !important;
}
.whb-header a, .whb-header .wd-tools-element > a, .whb-header .wd-header-text,
.whb-header .site-logo .wd-logo, .whb-header .woodmart-burger-icon {
  color: var(--fildisi) !important;
}
.wd-nav.wd-nav-main > li > a, .wd-nav.wd-nav-secondary > li > a, .whb-header .menu > li > a {
  color: var(--gumus) !important;
  font-family: var(--sans);
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 400;
}
.wd-nav.wd-nav-main > li > a:hover, .wd-nav.wd-nav-main > li.current-menu-item > a,
.whb-header .menu > li > a:hover {
  color: var(--fildisi) !important;
}
.wd-dropdown, .wd-dropdown-menu, .wd-sub-menu, .wd-nav .sub-menu,
.wd-dropdown.wd-dropdown-menu.wd-design-default {
  background-color: var(--kadife-3) !important;
  border: 1px solid var(--cizgi);
}
.wd-sub-menu li > a, .wd-dropdown-menu a, .wd-nav .sub-menu a { color: var(--gumus) !important; }
.wd-sub-menu li > a:hover, .wd-dropdown-menu a:hover, .wd-nav .sub-menu a:hover { color: var(--fildisi) !important; }

/* Vitrin modu: sepet/hesap/karşılaştırma araçlarını gizle */
.wd-header-cart, .wd-header-my-account, .wd-header-compare, .wd-header-wishlist { display: none !important; }

/* Mobil menü paneli */
.wd-side-hidden, .mobile-nav, .wd-side-hidden.wd-left {
  background-color: var(--kadife-2) !important;
  color: var(--fildisi);
}
.wd-side-hidden a, .mobile-nav a { color: var(--fildisi) !important; }

/* Başlıklar */
h1, h2, h3, h4, .title, .wd-el-title, .entry-title, .product_title {
  font-family: var(--serif);
  color: var(--fildisi);
}

/* Sayfa başlığı bandı (Woodmart page title) — kendi kahraman bölümlerimiz var */
body.page .page-title { display: none; }
.page-title, .page-title-default {
  background-color: var(--kadife-2) !important;
  background-image: none !important;
}
.page-title .entry-title, .page-title .title { color: var(--fildisi) !important; }
.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb { color: var(--gumus) !important; }
.wd-breadcrumbs a, .woocommerce-breadcrumb a { color: var(--gumus) !important; }

/* Sayfa içeriği tam genişlik hissi: gömülü bölümlerimiz kendi .kap kapsayıcısını kullanır */
body.page .site-content { padding-block: 0; }
body.page article .entry-content > .bolum:first-child { margin-top: 0; }

/* WooCommerce ürün kartları */
.wd-product, .product-grid-item, .wd-product .wd-entities-title {
  background-color: transparent;
  color: var(--fildisi);
}
.wd-product .wd-entities-title a, .product-grid-item .wd-entities-title a { color: var(--fildisi); font-family: var(--serif); }
.wd-product .price, .product-grid-item .price, .woocommerce-Price-amount {
  color: var(--altin) !important;
  font-family: var(--serif);
  font-style: italic;
}
.rahi-fiyat-iletisim {
  color: var(--altin);
  font-family: var(--serif);
  font-style: italic;
  font-size: 1rem;
}
.wd-product .hover-img, .product-grid-item .product-element-top { background-color: var(--kadife-3); }

/* Düğmeler */
.btn, .button, button[type=submit], .wd-button, a.button, .woocommerce .button {
  background-color: transparent !important;
  border: 1px solid var(--altin) !important;
  color: var(--fildisi) !important;
  font-family: var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.76rem;
  border-radius: 0 !important;
}
.btn:hover, .button:hover, .wd-button:hover, a.button:hover {
  background-color: var(--altin) !important;
  color: var(--kadife) !important;
}

/* Ürün detay */
.single-product .product_title { font-weight: 300; font-size: clamp(2rem, 4vw, 3rem); }
.single-product .summary .price { font-size: 1.7rem; }
.single-product .woocommerce-product-details__short-description, .single-product .woocommerce-Tabs-panel { color: var(--gumus); }
.woocommerce-tabs .wd-nav-tabs li a, .wd-tab-title { color: var(--gumus) !important; }
.woocommerce-tabs .wd-nav-tabs li.active a, .wd-tab-title.wd-active { color: var(--fildisi) !important; }
.shop_attributes th, .shop_attributes td { border-color: var(--cizgi) !important; color: var(--fildisi); }
.shop_attributes th { color: var(--gumus); }

/* Sekmeler / filtreler / sıralama */
.woocommerce-ordering select, select, input[type=text], input[type=email], input[type=tel], textarea {
  background-color: var(--kadife-3) !important;
  color: var(--fildisi) !important;
  border: 1px solid var(--cizgi) !important;
  border-radius: 0 !important;
}
.woocommerce-result-count { color: var(--gumus); }

/* Alt bilgi */
.footer-container, .wd-footer, .copyrights-wrapper {
  background-color: var(--kadife-2) !important;
  color: var(--gumus);
  border-top: 1px solid var(--cizgi);
}
.footer-container a, .copyrights-wrapper a { color: var(--gumus); }
.footer-container a:hover { color: var(--fildisi); }
.footer-container .widget-title, .wd-footer .widget-title {
  font-family: var(--sans);
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gumus);
}

/* Bildirimler */
.woocommerce-message, .woocommerce-info { background-color: var(--kadife-3); color: var(--fildisi); border-top-color: var(--altin); }

/* Koleksiyon rozetleri (functions.php basar) */
.wd-product .koleksiyon-rozet { justify-self: center; margin: 8px auto 2px; display: inline-block; }
.rahi-cta-satir { margin-top: 18px; }

/* ============================================================
   HİZALAMA DÜZELTMESİ (04-07-2026)
   Sorun: Woodmart "main.container" içeriği 1222px'e sıkıştırır;
   .kap 1240px istediği için içerik sola yapışıyor, bölümden
   sağa 48px taşıyordu (mockup tam genişlik gövdeye göre).
   Çözüm: özel tasarımlı sayfalarda (ana sayfa 29731,
   koleksiyonlar 29732, sanatçı 29733, sedef 29734, iletişim
   29735) konteyneri serbest bırak — .kap kendini
   margin-inline:auto ile viewport'a ortalar.
   ============================================================ */
.page-id-29731 main.wd-content-layout.container,
.page-id-29732 main.wd-content-layout.container,
.page-id-29733 main.wd-content-layout.container,
.page-id-29734 main.wd-content-layout.container,
.page-id-29735 main.wd-content-layout.container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Emniyet: .kap hiçbir koşulda ebeveyninden geniş olamaz */
.kap, .kap-dar { max-width: 100%; }

/* Yatay taşma emniyeti — sticky çalışmaya devam eder (clip) */
body.page-id-29731, body.page-id-29732, body.page-id-29733,
body.page-id-29734, body.page-id-29735 { overflow-x: clip; }