/* header.css - Top bar, header (tk-*), subnav, mobile nav, hamburger, CTA buttons */

.top-bar{background:linear-gradient(135deg,var(--primary),var(--primary-2));z-index:21;position:relative}
.top-bar a{text-decoration:none;transition:opacity .15s}.top-bar a:hover{opacity:1;color:#fff}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(244,247,251,.82);border-bottom:1px solid var(--line)}

/* ====== Yeni üst menü tasarımı (tk-*) ====== */
.tk-topbar{background:#0a1c33;color:#fff;font-family:Inter,system-ui,sans-serif;position:relative;z-index:22}
.tk-topbar-inner{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 36px;min-height:54px}
.tk-trusts{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.tk-trust{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.92);font-size:.78rem;line-height:1.18;font-weight:500}
.tk-trust .tk-trust-ico{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#cfe7ff;flex-shrink:0}
.tk-trust .tk-trust-ico svg{width:15px;height:15px;stroke-width:1.9}
.tk-trust b{display:block;font-weight:700;font-size:.78rem;color:#fff;letter-spacing:.1px}
.tk-trust span{display:block;color:rgba(255,255,255,.62);font-size:.74rem;font-weight:500;margin-top:1px}
.tk-top-actions{display:flex;align-items:center;gap:12px}
.tk-phone{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.2px;background:rgba(255,255,255,.04);transition:background .18s,border-color .18s}
.tk-phone:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#fff}
.tk-phone svg{width:15px;height:15px;color:#7dd3a8}
.tk-wa-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#25d366;color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.2px;box-shadow:0 6px 18px rgba(37,211,102,.28);transition:transform .15s,box-shadow .18s}
.tk-wa-pill:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(37,211,102,.4);color:#fff}
.tk-wa-pill svg{width:16px;height:16px}

.tk-header{position:sticky;top:0;z-index:21;background:#fff;border-bottom:1px solid rgba(15,30,58,.08);box-shadow:0 1px 0 rgba(15,30,58,.02)}
.tk-header-inner{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:6px 36px}
.tk-logo{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;text-decoration:none;line-height:1;gap:2px}
.tk-logo-img{height:46px;width:auto;display:block;object-fit:contain}
.tk-logo-tagline{font-size:.62rem;font-weight:700;letter-spacing:2.4px;color:#7185a3;text-transform:uppercase;padding-left:4px;white-space:nowrap}

.tk-actions{display:flex;align-items:center;gap:10px}
.tk-act-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:14px;background:#f6f8fc;border:1px solid rgba(15,30,58,.08);color:#0d2540;font-weight:700;font-size:.85rem;line-height:1;cursor:pointer;transition:transform .15s,box-shadow .18s,background .18s,border-color .18s}
.tk-act-btn:hover{background:#fff;border-color:rgba(15,30,58,.18);box-shadow:0 4px 14px rgba(15,30,58,.08);transform:translateY(-1px);color:#0d2540}
.tk-act-btn svg{width:16px;height:16px;stroke-width:2}
.tk-act-wa{padding:11px;width:42px;height:42px;justify-content:center;color:#1e9d52}
.tk-act-wa svg{width:20px;height:20px}
.tk-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:14px;background:linear-gradient(135deg,#0d2540,#16385f);color:#fff;font-weight:800;font-size:.92rem;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px rgba(13,37,96,.32);border:none;transition:transform .15s,box-shadow .18s}
.tk-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(13,37,96,.42);color:#fff}
.tk-cta-ico{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex-shrink:0}
.tk-cta-ico svg{width:11px;height:11px;color:#fff}

.tk-cta-mobile{display:none;align-items:center;gap:6px;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#e8453c,#d24a43);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.2px;text-decoration:none;box-shadow:0 6px 18px rgba(210,74,67,.28);transition:transform .15s,box-shadow .18s;cursor:pointer;flex-shrink:0;min-height:40px}
.tk-cta-mobile:hover,.tk-cta-mobile:active{transform:translateY(-1px);color:#fff;box-shadow:0 8px 22px rgba(210,74,67,.38)}
.tk-cta-mobile svg{width:12px;height:12px;flex-shrink:0}

.tk-subnav{background:#fff;border-bottom:1px solid rgba(15,30,58,.08);position:sticky;top:84px;z-index:19}
.tk-subnav-inner{width:min(1280px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;gap:32px;min-height:54px;position:relative}
.tk-nav-item{position:relative}
.tk-nav-link{display:inline-flex;align-items:center;gap:6px;padding:18px 2px;font-size:.92rem;font-weight:600;color:#5a6b86;cursor:pointer;border:none;background:transparent;transition:color .15s;font-family:inherit}
.tk-nav-link:hover,.tk-nav-link.open{color:#14979a}
.tk-nav-link .tk-chev{width:12px;height:12px;transition:transform .2s}
.tk-nav-link.open .tk-chev{transform:rotate(180deg)}

.tk-dropdown{position:absolute;top:calc(100% + 0px);left:-14px;min-width:320px;background:#fff;border-radius:18px;box-shadow:0 24px 56px rgba(15,30,58,.16),0 2px 8px rgba(15,30,58,.06);border:1px solid rgba(15,30,58,.06);padding:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s,transform .18s;z-index:30}
.tk-nav-item.is-open .tk-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}
.tk-drop-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#0d2540;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none}
.tk-drop-link:hover{background:#f3f6fb;color:#0d2540}
.tk-drop-ico{width:30px;height:30px;border-radius:8px;background:#eef2f8;color:#3b4f73;display:grid;place-items:center;flex-shrink:0}
.tk-drop-ico svg{width:16px;height:16px;stroke-width:1.9}
.tk-drop-feature{display:flex;align-items:center;gap:12px;margin-top:8px;padding:14px 14px;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .18s}
.tk-drop-feature:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.32);color:#fff}
.tk-drop-feature .tk-drop-ico{background:rgba(255,255,255,.18);color:#fff}
.tk-drop-feature-text{flex:1;line-height:1.25}
.tk-drop-feature-text b{display:block;font-weight:800;font-size:.94rem}
.tk-drop-feature-text span{display:block;color:rgba(255,255,255,.85);font-size:.76rem;font-weight:500;margin-top:2px}
.tk-drop-feature .tk-arrow{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.tk-drop-feature .tk-arrow svg{width:11px;height:11px}

/* CTA buttons */
.btn-cta-pulse{
  background:linear-gradient(135deg,#e8453c,#d24a43,#ff6b5a);color:#fff;
  font-weight:800;font-size:.88rem;letter-spacing:.3px;
  padding:13px 18px;border-radius:14px;border:none;
  box-shadow:0 4px 20px rgba(210,74,67,.35);
  position:relative;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s;
}
.btn-cta-pulse:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 28px rgba(210,74,67,.45)}
.btn-cta-pulse::before{
  content:'';position:absolute;inset:-3px;border-radius:16px;
  background:linear-gradient(135deg,#e8453c,#ff6b5a);
  animation:ctaPulse 2s ease-in-out infinite;opacity:0;z-index:-1;
}
@keyframes ctaPulse{
  0%,100%{opacity:0;transform:scale(1)}
  50%{opacity:.4;transform:scale(1.08)}
}

/* Legacy header */
.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(13,35,64,.18))}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text .bt-main{font-size:1.18rem;font-weight:800;letter-spacing:-.4px;color:var(--primary)}
.brand-text .bt-main span{color:var(--accent)}
.brand-text .bt-sub{font-size:.62rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-top:2px}
.main-nav{display:flex;gap:24px;color:var(--muted);font-weight:600;align-items:center}
.main-nav a:hover{color:var(--primary)}
.nav-actions{display:flex;gap:12px;align-items:center}
.nav-actions .btn-cta-pulse{
  margin-left:14px;
  transform:translateX(2cm);
}
.nav-actions .btn-cta-pulse:hover{
  transform:translate(2cm,-2px) scale(1.03);
}

.btn-insurance{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;
  box-shadow:0 3px 14px rgba(37,99,235,.3);
  font-size:.88rem;padding:13px 18px;border-radius:14px;
  border:none;font-weight:700;cursor:pointer;
  transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;gap:6px;
}
.btn-insurance:hover{transform:translateY(-2px);box-shadow:0 5px 22px rgba(37,99,235,.4)}
.btn-expertise{
  background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;
  box-shadow:0 3px 14px rgba(234,88,12,.3);
  font-size:.88rem;padding:13px 18px;border-radius:14px;
  border:none;font-weight:700;cursor:pointer;
  transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;gap:6px;
}
.btn-expertise:hover{transform:translateY(-2px);box-shadow:0 5px 22px rgba(234,88,12,.4)}

/* Hamburger + mobile nav */
.hamburger{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid var(--line);border-radius:12px;
  background:#fff;cursor:pointer;flex-shrink:0;padding:0;
}
.hamburger span{
  display:block;width:20px;height:2px;background:var(--primary);
  position:relative;transition:all .25s;
}
.hamburger span::before,.hamburger span::after{
  content:'';position:absolute;left:0;width:100%;height:2px;
  background:var(--primary);transition:all .25s;
}
.hamburger span::before{top:-6px}
.hamburger span::after{top:6px}
.hamburger.active span{background:transparent}
.hamburger.active span::before{top:0;transform:rotate(45deg)}
.hamburger.active span::after{top:0;transform:rotate(-45deg)}

.mobile-nav{
  display:none;position:fixed;inset:0;z-index:19;
  background:#fff;
  flex-direction:column;overflow-y:auto;
}
.mobile-nav.active{display:flex}
.mobile-nav-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--line);flex-shrink:0;
}
.mobile-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1}
.mobile-brand-logo{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(13,35,64,.2))}
.mobile-brand-img{height:44px;width:auto;display:block;object-fit:contain}
.mobile-brand-tagline{font-size:.6rem;font-weight:700;letter-spacing:2.2px;color:#7185a3;text-transform:uppercase;padding-left:3px;white-space:nowrap}
.mobile-brand-text{display:flex;flex-direction:column;line-height:1.1}
.mobile-brand-text .bt-main{font-size:1.12rem;font-weight:800;letter-spacing:-.3px;color:var(--primary)}
.mobile-brand-text .bt-main span{color:var(--accent)}
.mobile-brand-text .bt-sub{font-size:.58rem;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--muted);margin-top:2px}
.mobile-nav-close{
  width:40px;height:40px;border-radius:12px;border:1px solid var(--line);
  background:#fff;cursor:pointer;display:grid;place-items:center;
}
.mobile-nav-close svg{width:20px;height:20px;stroke:var(--text);stroke-width:2}
.mobile-nav-body{flex:1;overflow-y:auto;padding:8px 16px 16px}
.mobile-nav-group{margin-bottom:4px}
.mobile-nav-group-title{
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;
  color:var(--muted);padding:10px 12px 4px;
}
.mobile-nav a{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:12px;font-weight:600;font-size:.93rem;
  color:var(--text);transition:background .15s;text-decoration:none;
}
.mobile-nav a:hover,.mobile-nav a:active{background:rgba(0,0,0,.04)}
.mobile-nav a .mn-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;
}
.mobile-nav a .mn-icon svg{width:16px;height:16px}
.mn-icon-default{background:rgba(13,35,64,.06)}
.mn-icon-default svg{stroke:var(--primary);fill:none;stroke-width:1.8}
.mn-icon-insurance{background:rgba(37,99,235,.1)}
.mn-icon-insurance svg{stroke:#2563eb;fill:none;stroke-width:1.8}
.mn-icon-expertise{background:rgba(234,88,12,.1)}
.mn-icon-expertise svg{stroke:#ea580c;fill:none;stroke-width:1.8}
.mn-icon-cta{background:rgba(210,74,67,.08)}
.mn-icon-cta svg{stroke:#d24a43;fill:none;stroke-width:1.8}
.mobile-nav a .mn-label{line-height:1}
.mobile-nav-footer{
  flex-shrink:0;padding:16px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:10px;
}
.mobile-nav-footer .btn,.mobile-nav-footer .btn-cta-pulse{
  width:100%;text-align:center;justify-content:center;font-size:.95rem;padding:14px 18px;
}