/* === PREMIUM HEADER - FIXED & RESPONSIVE === */
:root {
  --color-bordo:#0099B5; --color-white:#FFFFFF; --color-glass:rgba(255,255,255,0.92);
  --header-blur:blur(12px); --header-shadow:0 4px 20px rgba(139,0,0,0.15);
  --header-height-desktop:80px; --header-height-mobile:64px; --border-thin:2px solid var(--color-bordo);
  --touch-min:44px; --top-info-h-m:20px; --bar-h-m:calc(var(--header-height-mobile) - var(--top-info-h-m));
  --top-info-h-d:24px; --bar-h-d:calc(var(--header-height-desktop) - var(--top-info-h-d));
}

*, *::before, *::after { box-sizing:border-box; }
img { max-width:100%; height:auto; display:block; }
body { margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }

.container { max-width:1200px; margin:0 auto; padding:0 12px; }

.site-header {
    position:sticky; top:0; z-index:10000;
    height:var(--header-height-mobile);
    background:var(--color-glass);
    -webkit-backdrop-filter:var(--header-blur); backdrop-filter:var(--header-blur);
    box-shadow:var(--header-shadow); border-bottom:var(--border-thin);
    overflow:visible; transition: height 0.3s ease;
}

.header-bar { height:var(--bar-h-m); display:flex; align-items:center; justify-content:space-between; gap:8px; }

.brand { display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--color-bordo); min-width:0; flex-shrink: 1; }
.brand-logo { width:auto; height:28px; transition: height 0.3s ease; }
.brand-text { 
    font-weight:900; font-size:18px; letter-spacing:.4px; 
    white-space:nowrap; color:var(--color-bordo); 
    font-family:'Segoe UI', Roboto, sans-serif;
    overflow: hidden; text-overflow: ellipsis;
}

.header-quick-actions { display:flex; align-items:center; gap:6px; margin-left:auto; flex-shrink: 0; }
.langs-small { display:flex; align-items:center; gap:6px; }

.cta-wa-small, .lang-link-small {
    width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;
    background:#FFFFFF !important; border:1px solid rgba(139,0,0,0.2);
    transition: all 0.2s ease;
}
.cta-wa-small { border-radius: 10px; }
.lang-link-small { border-radius: 50%; overflow: hidden; }

.cta-wa-small:hover, .lang-link-small:hover { transform: translateY(-2px); border-color: var(--color-bordo); box-shadow: 0 4px 12px rgba(139,0,0,0.1); }

.cta-icon-small { width:20px; height:20px; object-fit:contain; }
.lang-flag-small { width:20px; height:20px; object-fit:cover; border-radius:50%; }

.mobile-menu-toggle { 
    width:38px; height:38px; display:flex; align-items:center; justify-content:center; 
    border:1px solid rgba(139,0,0,0.18); background:rgba(255,255,255,0.8);
    border-radius:10px; margin-left:4px; flex-shrink: 0;
}
.menu-icon { width:22px; height:22px; }

.top-info {
    height:var(--top-info-h-m); display:flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:500; color:rgba(0,0,0,.55); letter-spacing:.3px;
    border-top:1px solid rgba(139,0,0,.08);
    width:100%; text-align:center;
}

/* ── DESKTOP NAV ── */
.header-desktop-nav {
  display: none; /* mobile'da gizli */
  align-items: center;
  gap: 4px;
  margin-left: 16px;
  flex: 1;
}
.header-nav-link {
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-bordo);
  text-decoration: none;
  transition: background .18s, color .18s;
  white-space: nowrap;
}
.header-nav-link:hover { background: rgba(0,153,181,.10); }
.header-nav-link.active { background: var(--color-bordo); color: #fff; }

/* ── MOBİL NAV DRAWER ── */
.mobile-nav {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(255,255,255,.97);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 2px solid var(--color-bordo);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 9999;
  padding: 8px 0;
}
.mobile-nav.active { display: flex; }
.mobile-nav-link {
  display: block;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-bordo);
  text-decoration: none;
  transition: background .15s;
}
.mobile-nav-link:hover { background: rgba(0,153,181,.08); }
.mobile-nav-link--wa { color: #1da851; }
.mobile-nav-divider {
  height: 1px;
  background: rgba(0,153,181,.15);
  margin: 4px 16px;
}

/* DESKTOP OPTIMIZATION */
@media (min-width:768px) {
  .site-header { height:var(--header-height-desktop); }
  .header-bar { height:var(--bar-h-d); }
  .brand-logo { height:36px; }
  .brand-text { font-size:26px; }
  .top-info { height:var(--top-info-h-d); font-size:12px; }
  .cta-wa-small, .lang-link-small { width:38px; height:38px; }
  .cta-icon-small, .lang-flag-small { width:22px; height:22px; }

  /* Desktop'ta nav göster, hamburger gizle */
  .header-desktop-nav { display: flex; }
  .mobile-menu-toggle { display: none; }
  .mobile-nav { display: none !important; }
}