/* ═══════════════════════════════════════════════════════════
   Üst Menü (Trend Moda Teması) — index-43 header'ının gerçek veriyle
   düzeltmeleri. Görünümü Woomen'in style.css'i verir (home17-style,
   header-middle-home43, white-bg-sticky, headerh43-logo); burada yalnız
   tabanın köprüsünün saydam ana sayfa header'ı (index.html) için yazdığı
   beyaz kuralların bu header'daki karşılıkları ve yeni küçük öğeler.
   ═══════════════════════════════════════════════════════════ */

/* Türkçe harfler: index-43'ün başlık yazı tipi Tenor Sans (body.home43-type
   h1-h6) "ı" harfini noktalı "i", "ş / Ş" harfini virgüllü (Rumence ș), "İ"
   harfini NOKTASIZ çiziyor ("Zamansız Şıklık" → "Zamansiz Șiklik", büyük
   harfe çevrilen "İade" → "IADE"). Yalnız bu dört harf, aynı karakterdeki
   Belleza'dan (SIL OFL; Google Fonts text= alt kümesi) gelir — Tenor Sans'ın
   geri kalanı aynen. Google'ın Tenor Sans tanımlarından SONRA yazıldığı için bu harflerde
   önce bu yüz denenir (CSS Fonts: aynı ailede son tanım önce). */
@font-face {
  font-family: "Tenor Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/theme/assets/fonts/woomen-trend-tr.woff2") format("woff2");
  unicode-range: U+0130-0131, U+015E-015F;
}

/* Duyuru şeridi: bağlantının oku (şablonda FA Pro arrow-up-right — Free'de yok;
   Woomen'in kendi ok SVG'si) */
.su-header-4-top .discount p a .su-arrow-svg-top-right {
  width: 8px;
  height: 8px;
  margin-left: 2px;
  vertical-align: 1px;
}
/* Uzun Türkçe duyuru tek satırda kalsın (şerit yüksekliği sabit) */
.su-header-4-top .discount p { white-space: nowrap; }
.su-header-4-top .header-top-slider-active .swiper-slide { overflow: hidden; }
.su-header-4-top .header-top-home43-style span { cursor: pointer; }
/* Tek duyuru: oklar gizli (script kaydırıcıyı durdurur) */
.su-header-4-top .header-top-slider-active.w-single .header-top-home43-style { display: none; }

/* Logo: Woomen'de yalnız kaydırınca beyaz şeritte görünür (koyu). Tabanın
   köprüsü saydam header'daki yazı logosunu beyaz yapıyordu. */
.header-3 .headerh43-logo .w-logo-text { color: var(--dark-color); font-size: 24px; }
.header-3 .headerh43-logo .logo { display: inline-block; max-width: 100%; line-height: 1; }
.header-3.sticky-menu .headerh43-logo .w-logo-img { filter: none; }
/* Ayar logo_top: sayfa başında da (saydam header'da beyaz) */
.header-3:not(.sticky-menu) .headerh43-logo.w-logo-top { display: block; }
.header-3:not(.sticky-menu) .headerh43-logo.w-logo-top .w-logo-text { color: var(--white-color); }

/* Dil seçicisi (Çoklu Dil eklentisi): saydam header'da beyaz, kaydırınca koyu */
.header-3.sticky-menu .white-bg-sticky .newu-lang { color: var(--dark-color); }

/* Menü: index-43'te sola yaslı; küçük mega menü (Diğer) şablondaki
   su-mega-menu-small home13-style gibi kendi öğesinin altında açılır */
.header-middle-home43 .su-menu-4 .su-mega-menu-small { left: auto; right: auto; }
/* Woomen'in col-xl-5 sütunu demo menüsünün altı kısa öğesine göre; Türkçe
   kategori adlarıyla (4 kategori + Diğer + Blog + Kurumsal) son öğe ikinci
   satıra iniyordu. Tek satır (taşarsa logo sütununa doğru — logo yalnız
   kaydırınca, ortada); dar masaüstünde öğe arası ve yazı logosu biraz küçük. */
@media (min-width: 1200px) {
  .header-middle-home43 .su-menu-3 > nav > ul { white-space: nowrap; }
  .header-middle-home43 .su-menu-3 > nav > ul > li > :not(a) { white-space: normal; }
  .header-middle-home43 .su-menu-3 > nav > ul > li:last-child { margin-right: 0; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header-middle-home43 .su-menu-3 > nav > ul > li { margin-right: 20px; }
  .header-3 .headerh43-logo .w-logo-text { font-size: 20px; }
  /* Duyuru şeridinin col-lg-4 sütunu bu genişlikte Türkçe duyuruya dar (oklar
     yazının üstüne biniyordu): yarım genişlik */
  .su-header-4-top .row > .col-lg-4 { width: 50%; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
  .header-middle-home43 .su-menu-3 > nav > ul > li { margin-right: 16px; }
  .header-middle-home43 .su-menu-3 > nav > ul > li > a { font-size: 12px; }
  .header-3 .headerh43-logo .w-logo-text { font-size: 18px; }
}

/* Menü logoyla çakışmasın: kaydırınca ortada logo görünür; uzun Türkçe kategori adlarıyla
   menü onun altına giriyordu (1440 px'te KURUMSAL ↔ logo). script.js menünün sağ ucunu
   logonun soluna sığdırır: önce öğe arası, gerekirse yazı boyu küçülür (w-nav-fit). */
@media (min-width: 1200px) {
  .header-middle-home43.w-nav-fit .su-menu-3 > nav > ul > li { margin-right: var(--w-nav-gap, 20px); }
  .header-middle-home43.w-nav-fit .su-menu-3 > nav > ul > li:last-child { margin-right: 0; }
  .header-middle-home43.w-nav-fit .su-menu-3 > nav > ul > li > a { font-size: var(--w-nav-fs, 13px); }
}

/* Favori / çanta sayısı: ikon rozeti (0'da gizli). Saydam header'da beyaz,
   kaydırınca koyu */
.header-middle-home43 .cart-btn > nav > ul > li > a.clction-btn,
.header-middle-home43 .cart-btn > nav > ul > li > a.cart-filter-btn { position: relative; display: inline-block; }
.header-middle-home43 .w-count { background: var(--white-color); color: var(--dark-color) !important; }
.header-3.sticky-menu .header-middle-home43 .w-count { background: var(--dark-color); color: var(--white-color) !important; }
