/* ============================================================
   EduCaller — Navbar Styles
   ============================================================ */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #0d3559;
    box-shadow: 0 2px 20px rgba(13,53,89,.25);
    transition: box-shadow .3s;
}
.site-header.scrolled { box-shadow: 0 4px 24px rgba(13,53,89,.35); }
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    gap: 16px;
}

/* Logo */
.site-logo  { display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none; }
.logo-icon  { width:40px;height:40px;background:#ff3b30;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px;flex-shrink:0; }
.logo-name  { font-weight:800;color:#fff;font-size:18px;line-height:1; }
.logo-tag   { font-size:10px;color:#f4b400;letter-spacing:.5px;text-transform:uppercase; }

/* Main Nav */
.main-nav { display:flex;align-items:center;gap:2px; }
.nav-link  { display:flex;align-items:center;gap:4px;color:#e2e8f0;font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border:none;font-family:inherit; }
.nav-link:hover,.nav-link.active { color:#fff;background:rgba(255,255,255,.12); }
.arrow { font-size:10px;transition:transform .2s; }

/* Dropdown */
.nav-dropdown { position:relative; }
.nav-dropdown:hover .dropdown-menu { display:block; }
.nav-dropdown:hover .arrow { transform:rotate(180deg); }
.dropdown-menu { display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(13,53,89,.15);padding:8px 0;min-width:200px;z-index:1001;animation:fadeDown .15s ease; }
.dd-item { display:block;padding:10px 20px;font-size:14px;color:#1a1a2e;cursor:pointer;transition:background .15s;text-decoration:none; }
.dd-item:hover { background:#f0f4ff;color:#ff3b30; }

/* Mega Menu */
.mega-menu { min-width:520px;padding:16px; }
.mega-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:4px; }
.mega-item { display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;transition:background .15s;cursor:pointer;text-decoration:none; }
.mega-item:hover { background:#f0f4ff; }
.mega-name  { font-size:14px;font-weight:600;color:#1a1a2e; }
.mega-count { font-size:12px;color:#6b7280;margin-top:2px; }

/* CTA Button */
.btn-consult { background:#ff3b30;color:#fff;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;transition:all .2s;border:none;cursor:pointer; }
.btn-consult:hover { background:#c0392b;transform:translateY(-1px); }

/* Hamburger */
.hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none; }
.hamburger span { width:22px;height:2px;background:#fff;display:block;transition:all .3s;border-radius:2px; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.header-actions { display:flex;align-items:center;gap:10px; }

/* Mobile Nav */
.mobile-nav-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1002; }
.mobile-nav-overlay.open { display:block; }
.mobile-nav { position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#0d3559;z-index:1003;padding:0;overflow-y:auto;transition:right .3s ease;display:flex;flex-direction:column; }
.mobile-nav.open { right:0; }
.mobile-nav-header { display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1); }
.mobile-close { background:none;border:none;color:#fff;font-size:20px;cursor:pointer; }
.mobile-link { display:block;padding:14px 20px;color:#e2e8f0;font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s;text-decoration:none;background:none;border-left:none;width:100%;text-align:left;font-family:inherit;cursor:pointer; }
.mobile-link:hover { color:#fff;background:rgba(255,255,255,.06); }
.mobile-acc-trigger { display:flex;justify-content:space-between;align-items:center; }
.mobile-acc-body { display:none;background:#081e32; }
.mobile-acc-body.open { display:block; }
.mobile-sub-link { display:block;padding:10px 32px;color:#9ab8d4;font-size:14px;text-decoration:none;transition:color .2s; }
.mobile-sub-link:hover { color:#fff; }
.mobile-cta { background:#ff3b30;color:#fff;margin:16px;border-radius:8px;text-align:center;padding:14px;width:calc(100% - 32px);font-weight:600; }

@keyframes fadeDown { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }

@media (max-width:820px) {
    .main-nav { display:none; }
    .btn-consult { display:none; }
    .hamburger { display:flex; }
}