/* ======================================================================
   ÜRETEN KADINLAR — HEADER SECTION (Çini & Lületaşı)
   Marka + arama butonu + dil switcher + ikonlar + kategori navı + mobil drawer.
   ====================================================================== */

/* Twemoji Country Flags — Windows/Chrome bayrak emojilerini harf yerine
   gerçek renkli bayrak olarak gösterir. unicode-range yalnızca bayrak
   kod noktalarını kapsar; diğer metinler etkilenmez. */
@font-face{
  font-family:"Twemoji Country Flags";
  font-display:swap;
  unicode-range:U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
  src:url("/assets/fonts/TwemojiCountryFlags.woff2") format("woff2");
}

.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);}
.site-header .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.site-header .topbar{display:flex;align-items:center;gap:20px;padding:14px 0;}

/* Marka */
.site-header .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.site-header .brand .mark{width:42px;height:42px;border-radius:50%;background:var(--teal);color:var(--teal-tint);
  display:flex;align-items:center;justify-content:center;font-size:23px;}
.site-header .brand .brand-txt{display:flex;flex-direction:column;line-height:1.06;min-width:0;}
.site-header .brand .name{font-family:var(--font-head);font-weight:600;font-size:1.3rem;color:var(--teal);white-space:nowrap;}
.site-header .brand .sub{font-size:.78rem;color:var(--muted);white-space:nowrap;}

/* İkon grubu — sağa yaslı */
.site-header .icons{display:flex;align-items:center;gap:18px;flex-shrink:0;margin-left:auto;font-size:1.45rem;}
.site-header .icons a{color:var(--ink);display:inline-flex;transition:color .15s;}
.site-header .icons a:hover{color:var(--teal);}
.site-header .icons .bag{position:relative;}
.site-header .icons .count{position:absolute;top:-7px;right:-9px;background:var(--terracotta);color:#fff;
  font-size:.66rem;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  padding:0 4px;font-family:var(--font-body);font-weight:600;}

/* Arama butonu (overlay tetikler) */
.site-header .h-icon-btn{background:none;border:0;color:var(--ink);font-size:1.45rem;cursor:pointer;padding:0;
  display:inline-flex;align-items:center;line-height:1;transition:color .15s;}
.site-header .h-icon-btn:hover{color:var(--teal);}
.site-header .icons .fav-link{position:relative;}

/* Favori kalp — aktif (favorilenmiş) durum. Global; ürün kartlarındaki kalpler için.
   Bu Tabler webfont'unda dolu kalp yok; ::before'u solid ♥ (U+2665) ile değiştirip
   içi dolu KIRMIZI kalp gösteriyoruz. */
.uk-fav.is-fav,.fav.is-fav{color:#E23744 !important;filter:none !important;}
.uk-fav.is-fav::before,.fav.is-fav::before{
  content:"\2665" !important;
  font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols2",system-ui,sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
}

.site-header .burger{display:none;background:none;border:0;color:var(--ink);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;}

/* ── Dil switcher ── */
.uk-lang{position:relative;}
.uk-lang-btn{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--line);
  border-radius:999px;padding:6px 10px;cursor:pointer;color:var(--ink);font-family:var(--font-body);
  font-size:.82rem;font-weight:500;line-height:1;transition:border-color .15s,background .15s;}
.uk-lang-btn:hover{border-color:var(--teal);}
.uk-lang-flag{font-family:"Twemoji Country Flags",var(--font-body);font-size:1.15rem;line-height:1;}
.uk-lang-chev{font-size:1rem;color:var(--muted);transition:transform .18s;}
.uk-lang.open .uk-lang-chev{transform:rotate(180deg);}

.uk-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 10px 30px rgba(46,42,38,.14);
  padding:6px;display:none;z-index:60;}
.uk-lang.open .uk-lang-menu{display:block;}
.uk-lang-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);
  font-family:var(--font-body);font-size:.9rem;color:var(--ink);text-decoration:none;transition:background .12s;}
.uk-lang-item:hover{background:var(--cream);}
.uk-lang-item .uk-lang-flag{font-size:1.15rem;}
.uk-lang-item .uk-lang-name{flex:1;white-space:nowrap;}
.uk-lang-item.is-active{color:var(--teal);font-weight:500;}
.uk-lang-check{font-size:1.05rem;color:var(--teal);}

/* Kategori navı */
.site-header nav.cats{display:flex;gap:26px;padding:0 0 14px;flex-wrap:wrap;}
.site-header nav.cats a{font-size:.95rem;color:var(--ink);transition:color .15s;}
.site-header nav.cats a:hover{color:var(--teal);}
.site-header nav.cats a.all{color:var(--terracotta);font-weight:500;}

/* Mobil drawer */
.site-header .h-mobile{display:none;flex-direction:column;padding:6px 24px 16px;border-top:1px solid var(--line);background:#fff;}
.site-header .h-mobile.open{display:flex;}
.site-header .h-mobile a{padding:11px 4px;color:var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:.98rem;}
.site-header .h-mobile a:hover{color:var(--teal);}
.site-header .h-mobile-sep{height:8px;}

@media (max-width:860px){
  .site-header nav.cats{display:none;}
  .site-header .burger{display:inline-flex;}
}
@media (max-width:640px){
  .site-header .wrap{padding:0 14px;}
  .site-header .topbar{gap:10px;}
  .site-header .brand .sub{display:none;}
  /* Marka adı ikonları ekran dışına itmesin: küçülebilir + üç nokta ile kısal */
  .site-header .topbar{flex-wrap:nowrap;}
  .site-header .brand{flex:1 1 auto;min-width:0;overflow:hidden;}
  .site-header .brand-txt{min-width:0;overflow:hidden;}
  .site-header .brand .name{display:block;font-size:1.08rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .site-header .icons{flex:0 0 auto;gap:14px;font-size:1.35rem;}
  .site-header .icons .h-hide-mobile{display:none;}
  .uk-lang-btn{padding:6px 8px;}
}
/* Telefon portresi: marka metni ikonlara yer bırakmaz → sadece logo göster (metin gizli) */
@media (max-width:440px){
  .site-header .brand .name{display:none;}
  .site-header .topbar{gap:8px;}
  .site-header .icons{gap:16px;font-size:1.4rem;}
}
@media (max-width:360px){
  .site-header .icons{gap:13px;}
  .site-header .brand .mark{width:38px;height:38px;font-size:21px;}
}

/* Marka logosu — appicons gerçek ikonu (2026-07) */
.brand-mark-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
.site-header .brand .mark{overflow:hidden;padding:0;background:transparent;}
.site-footer .fbrand .m{overflow:hidden;padding:0;background:transparent;}
.uk-login-brand .mk{overflow:hidden;padding:0;}