/* Shared navigation pattern for the public site and WHMCS guest header. */
.idei-mega-nav{position:relative}
.idei-mega{position:static;flex:0 0 auto}
.idei-mega>summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 2px;list-style:none;cursor:pointer;color:#223758;font-size:.8rem;font-weight:780;white-space:nowrap}
.idei-mega>summary::-webkit-details-marker{display:none}
.idei-mega>summary::after{content:"";width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.idei-mega[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.idei-mega[open]>summary,.idei-mega[data-current]>summary,.idei-mega>summary:hover{color:#075bc7}
.idei-mega>summary:focus-visible,.idei-mega-panel a:focus-visible{outline:3px solid rgba(255,138,0,.38);outline-offset:3px}
.idei-mega-panel{position:fixed;top:74px;left:50%;z-index:1100;display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:22px;width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 92px);padding:22px;border:1px solid #dce6f2;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 24px 58px rgba(7,27,69,.18);overflow-y:auto;transform:translateX(-50%);white-space:normal}
.idei-mega-panel h2,.idei-mega-panel h3,.idei-mega-panel p{margin:0}
.idei-mega-intro{padding:24px;border-radius:15px;background:linear-gradient(135deg,#edf6ff,#f7faff)}
.idei-mega-intro>span{display:block;margin-bottom:15px;color:#0b69e9;font-size:.66rem;font-weight:900;letter-spacing:.13em}
.idei-mega-intro h2{font-size:clamp(1.45rem,2vw,2rem);line-height:1.13}
.idei-mega-intro p,.idei-mega-side p{margin:11px 0 17px;color:#51617b;font-size:.83rem;line-height:1.5}
.idei-mega-panel a{color:#075bc7!important;text-decoration:none!important;font-size:.81rem;font-weight:800}
.idei-mega-panel a:hover{color:#ff8a00!important}
.idei-mega-list,.idei-mega-side{min-width:0;padding:13px 4px}
.idei-mega-list h3,.idei-mega-side h3{margin-bottom:11px;color:#08275b;font-size:.88rem;letter-spacing:0}
.idei-mega-list>a,.idei-mega-static{display:block;margin:2px 0;padding:11px 12px;border-radius:10px;background:#fff}
.idei-mega-list>a:hover{background:#edf5ff}
.idei-mega-list strong,.idei-mega-static strong{display:block;color:#12315e;font-size:.82rem}
.idei-mega-list small,.idei-mega-static small{display:block;margin-top:3px;color:#65748c;font-size:.72rem;font-weight:500;line-height:1.35}
.idei-mega-side{padding:22px;border:1px solid #dce9f8;border-radius:14px;background:#fafcff}
.idei-mega-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.idei-mega-tags span{padding:5px 8px;border:1px solid #dbe8f8;border-radius:999px;background:#fff;color:#3c567a;font-size:.68rem;font-weight:700}
.idei-mega-panel-vps .idei-mega-intro{background:linear-gradient(135deg,#e8f3ff,#f6f9ff)}
.idei-mega-panel-infra .idei-mega-intro{background:linear-gradient(135deg,#eaf1ff,#f5f8ff)}
@media(max-width:1120px){
  .site-header .nav-toggle{display:block;margin-left:auto}
  .site-header .main-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;z-index:105;display:none;max-height:calc(100dvh - 76px);padding:14px;border:1px solid #dce6f2;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 18px 44px rgba(7,27,69,.14);overflow-y:auto}
  .site-header .main-nav.is-open{display:grid;align-items:stretch;gap:3px}
  .idei-mega-nav .idei-mega{width:100%}
  .idei-mega-nav .idei-mega>summary{width:100%;min-height:44px;padding:11px 12px;border-radius:9px;font-size:.84rem}
  .idei-mega-nav .idei-mega>summary:hover,.idei-mega-nav .idei-mega[open]>summary{background:#f2f7fd}
  .idei-mega-nav .idei-mega-panel{position:static;display:grid;grid-template-columns:1fr;gap:5px;width:100%;max-height:none;margin:0 0 7px;padding:9px;border-radius:13px;box-shadow:none;overflow:visible;transform:none}
  .idei-mega-intro,.idei-mega-side{padding:15px}
  .idei-mega-list{padding:13px 9px}
}