/* Badiani premium navigation polish — desktop + mobile */
@media (min-width: 769px){
  .topbar{
    padding:14px clamp(18px,3vw,42px) !important;
    padding-top:calc(14px + env(safe-area-inset-top)) !important;
    background:var(--badiani-blue) !important;
    backdrop-filter:none;
    box-shadow:0 10px 28px rgba(10,25,76,.18) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    top:0 !important;
  }
  .topbar__logo img{height:clamp(38px,3.4vw,50px) !important;filter:none !important;mix-blend-mode:normal !important;}
  .topbar__right{gap:14px !important;}
  .topbar__nav{gap:4px !important;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px;}
  .topbar__nav > a,
  .topbar__dropdown > a{
    min-height:38px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:.9px !important;
    font-weight:500 !important;
    color:#fff !important;
    background:transparent !important;
    transform:none !important;
  }
  .topbar__nav > a:hover,
  .topbar__dropdown:hover > a,
  .topbar__dropdown:focus-within > a{
    background:#fff !important;
    color:var(--badiani-blue) !important;
  }
  .topbar__dropdown-menu{
    top:calc(100% + 10px) !important;
    left:50% !important;
    min-width:230px !important;
    padding:8px !important;
    background:#fff !important;
    border:1px solid rgba(30,57,141,.10) !important;
    border-radius:18px !important;
    box-shadow:0 20px 52px rgba(10,25,76,.22) !important;
    gap:2px !important;
  }
  .topbar__dropdown-menu::before{content:'';position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fff;transform:translateX(-50%) rotate(45deg);border-left:1px solid rgba(30,57,141,.08);border-top:1px solid rgba(30,57,141,.08);}
  .topbar__dropdown-menu a{
    color:var(--badiani-blue) !important;
    padding:11px 13px !important;
    border-radius:12px !important;
    font-size:15px !important;
    letter-spacing:.2px !important;
    line-height:1.15 !important;
    text-transform:none !important;
    min-height:auto !important;
  }
  .topbar__dropdown-menu a:hover,
  .topbar__dropdown-menu a:focus{
    background:#f7f2e8 !important;
    color:var(--badiani-blue) !important;
  }
  .topbar__lang-trigger{
    min-height:38px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    transform:none !important;
    font-size:14px !important;
  }
  .topbar__lang-trigger svg path{fill:#fff !important;}
  .topbar__lang-trigger:hover,
  .topbar__lang-trigger[aria-expanded="true"]{background:#fff !important;color:var(--badiani-blue) !important;}
  .topbar__lang-trigger:hover svg path,
  .topbar__lang-trigger[aria-expanded="true"] svg path{fill:var(--badiani-blue) !important;}
  .topbar__lang-panel{top:calc(var(--topbar-h) - 4px) !important;background:#fff !important;border-radius:16px !important;box-shadow:0 18px 42px rgba(10,25,76,.20) !important;padding:6px !important;}
  .topbar__lang-opt{color:var(--badiani-blue) !important;border:none !important;border-radius:10px !important;padding:9px 13px !important;font-size:14px !important;}
  .topbar__lang-opt:hover,.topbar__lang-opt.is-active{background:#f7f2e8 !important;color:var(--badiani-blue) !important;}
}

@media (max-width: 768px){
  .topbar{background:var(--badiani-blue) !important;box-shadow:0 8px 22px rgba(10,25,76,.18) !important;border-bottom:1px solid rgba(255,255,255,.14) !important;top:0 !important;}
  .topbar__logo img{filter:none !important;mix-blend-mode:normal !important;}
  .topbar__right{display:flex !important;margin-left:auto !important;align-items:center !important;}
  .topbar__nav,.topbar__lang{display:none !important;}
  .topbar__hamburger{display:flex !important;position:fixed !important;right:14px !important;top:14px !important;transform:none !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:50% !important;background:rgba(255,255,255,.10) !important;box-shadow:0 8px 18px rgba(10,25,76,.18) !important;color:#fff !important;z-index:1200 !important;gap:0 !important;width:46px !important;height:46px !important;min-width:46px !important;padding:0 !important;align-items:center !important;justify-content:center !important;}
  .topbar__hamburger::after{content:'' !important;display:none !important;}
  .topbar__hamburger span,
  .topbar__hamburger span::before,
  .topbar__hamburger span::after{background:#fff !important;}
  .topbar__hamburger[aria-expanded="true"] span{background:transparent !important;}
  .topbar__mobile-nav{
    top:calc(var(--topbar-h) + 10px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - var(--topbar-h) - 24px) !important;
    background:#fff !important;
    color:var(--badiani-blue) !important;
    border:1px solid rgba(30,57,141,.10) !important;
    border-radius:24px !important;
    box-shadow:0 22px 60px rgba(10,25,76,.28) !important;
    overflow:hidden auto !important;
    padding:12px !important;
    gap:4px !important;
  }
  .topbar__mobile-nav::before{content:'Menu';display:block;color:rgba(30,57,141,.54);font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;padding:8px 10px 6px;}
  .topbar__mobile-nav a,
  .topbar__mobile-group-header > a{
    color:var(--badiani-blue) !important;
    font-size:18px !important;
    line-height:1.1 !important;
    letter-spacing:.8px !important;
    min-height:48px !important;
    padding:14px 12px !important;
    border-radius:14px !important;
    background:transparent !important;
    font-weight:600 !important;
  }
  .topbar__mobile-nav a:hover,
  .topbar__mobile-nav a:active,
  .topbar__mobile-group-header:has(.topbar__mobile-group-toggle[aria-expanded="true"]) > a{
    background:#f7f2e8 !important;
    color:var(--badiani-blue) !important;
  }
  .topbar__mobile-group-header{align-items:center !important;border-radius:14px !important;}
  .topbar__mobile-group-toggle{
    color:var(--badiani-blue) !important;
    min-width:46px !important;
    min-height:48px !important;
    padding:0 !important;
    border-radius:14px !important;
  }
  .topbar__mobile-group-toggle:hover,
  .topbar__mobile-group-toggle:active{background:#f7f2e8 !important;color:var(--badiani-blue) !important;}
  .topbar__mobile-group-items{background:#f7f2e8 !important;border-radius:16px !important;margin:2px 0 8px !important;padding:6px !important;gap:2px !important;}
  .topbar__mobile-nav .topbar__mobile-group-items a{
    color:rgba(30,57,141,.78) !important;
    font-size:16px !important;
    min-height:40px !important;
    padding:10px 12px !important;
    border-radius:11px !important;
    text-transform:none !important;
    letter-spacing:.2px !important;
    font-weight:500 !important;
  }
  .topbar__mobile-nav .topbar__mobile-group-items a:hover,
  .topbar__mobile-nav .topbar__mobile-group-items a:active{background:#fff !important;color:var(--badiani-blue) !important;}
  .topbar__mobile-lang{
    margin:8px 0 0 !important;
    padding:8px !important;
    border-top:1px solid rgba(30,57,141,.08) !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:6px !important;
  }
  .topbar__mobile-lang-btn{
    color:rgba(30,57,141,.70) !important;
    background:#f7f2e8 !important;
    border-radius:999px !important;
    min-height:38px !important;
    padding:8px 0 !important;
    font-size:14px !important;
    letter-spacing:.8px !important;
    font-weight:600 !important;
  }
  .topbar__mobile-lang-btn:hover,
  .topbar__mobile-lang-btn:active,
  .topbar__mobile-lang-btn.is-active{background:var(--badiani-blue) !important;color:#fff !important;}
}