/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.0 — LOOP 1 CLEAN BASE
   Consolidated single navigation layer.
   Scope: visual/navigation only. Native WHMCS routes untouched.
   ========================================================== */
:root{
  --cn4-navy:#07172F;
  --cn4-navy2:#08254A;
  --cn4-blue:#0B74FF;
  --cn4-blue-hover:#075FD6;
  --cn4-cyan:#2BC7F7;
  --cn4-text:#EAF4FF;
  --cn4-muted:#A9BED3;
  --cn4-line:rgba(151,190,232,.18);
  --cn4-panel:#0C2342;
  --cn4-panel2:#102E55;
  --cn4-white:#FFFFFF;
  --cn4-shadow:0 18px 46px rgba(1,17,42,.26);
}

/* Header / brand */
body.connect-theme .connect-brand-row{
  position:relative;
  z-index:1050;
  min-height:76px;
  padding:10px 0;
  background:linear-gradient(135deg,var(--cn4-navy) 0%,var(--cn4-navy2) 62%,#061329 100%);
  border-bottom:1px solid var(--cn4-line);
  box-shadow:0 8px 24px rgba(0,12,32,.16);
}
body.connect-theme .connect-brand-container{
  min-height:56px;
  display:flex;
  align-items:center;
  gap:18px;
}
body.connect-theme .connect-brand,
body.connect-theme .connect-brand-header{
  display:flex;
  align-items:center;
  min-width:0;
  margin:0;
  padding:0;
}
body.connect-theme .connect-brand-logo,
body.connect-theme .connect-logo-header{
  display:block;
  width:300px;
  max-width:31vw;
  height:auto;
  object-fit:contain;
  filter:none;
}
body.connect-theme .connect-public-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
body.connect-theme .connect-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
body.connect-theme .connect-back-site,
body.connect-theme .connect-client-btn,
body.connect-theme .connect-cart-btn,
body.connect-theme .connect-menu-toggle{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(139,186,239,.28);
  border-radius:11px;
  background:rgba(255,255,255,.05);
  color:var(--cn4-text);
  font-size:12px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.connect-theme .connect-client-btn{
  background:linear-gradient(135deg,var(--cn4-blue),#178CFF);
  border-color:#248EFF;
  color:#fff;
}
body.connect-theme .connect-cart-btn,
body.connect-theme .connect-menu-toggle{
  width:44px;
  min-width:44px;
  padding:0;
}
body.connect-theme .connect-back-site:hover,
body.connect-theme .connect-client-btn:hover,
body.connect-theme .connect-cart-btn:hover,
body.connect-theme .connect-menu-toggle:hover,
body.connect-theme .connect-back-site:focus-visible,
body.connect-theme .connect-client-btn:focus-visible,
body.connect-theme .connect-cart-btn:focus-visible,
body.connect-theme .connect-menu-toggle:focus-visible{
  color:#fff;
  background:rgba(11,116,255,.18);
  border-color:rgba(79,166,255,.60);
  transform:translateY(-1px);
  text-decoration:none;
}
body.connect-theme .connect-client-btn:hover,
body.connect-theme .connect-client-btn:focus-visible{
  background:linear-gradient(135deg,var(--cn4-blue-hover),#117EE8);
}

/* Main navigation */
body.connect-theme .connect-native-nav{
  position:relative;
  z-index:1040;
  min-height:52px;
  padding:0;
  background:linear-gradient(180deg,#081B36 0%,#07172F 100%);
  border-bottom:1px solid rgba(137,178,226,.17);
  box-shadow:0 6px 20px rgba(0,13,34,.10);
}
body.connect-theme .connect-native-nav > .container{
  min-height:52px;
}
body.connect-theme .connect-native-nav .navbar-collapse{
  min-width:0;
}
body.connect-theme .connect-native-nav .navbar-nav{
  min-width:0;
  display:flex;
  align-items:center;
  gap:3px;
}
body.connect-theme .connect-native-nav .navbar-nav > li{
  position:relative;
  min-width:0;
}
body.connect-theme .connect-native-nav .navbar-nav > li > a{
  position:relative;
  min-height:50px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border-radius:8px;
  color:#DCE9F7;
  font-size:12.5px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
body.connect-theme .connect-native-nav .navbar-nav > li > a:hover,
body.connect-theme .connect-native-nav .navbar-nav > li > a:focus-visible,
body.connect-theme .connect-native-nav .navbar-nav > li.show > a,
body.connect-theme .connect-native-nav .navbar-nav > li.active > a,
body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]{
  color:#fff;
  background:rgba(11,116,255,.15);
}
body.connect-theme .connect-native-nav .navbar-nav > li.active > a::before,
body.connect-theme .connect-native-nav .navbar-nav > li.show > a::before,
body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--cn4-blue),var(--cn4-cyan));
}
body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
  margin-left:auto;
}

/* Dropdowns: clean, predictable and readable */
body.connect-theme .connect-native-nav .dropdown-menu{
  min-width:250px;
  width:max-content;
  max-width:min(360px,calc(100vw - 24px));
  margin-top:7px;
  padding:8px;
  border:1px solid rgba(137,183,233,.23);
  border-radius:13px;
  background:linear-gradient(180deg,#0F2A4D 0%,#0A203D 100%);
  box-shadow:var(--cn4-shadow);
  overflow:hidden;
}
body.connect-theme .connect-native-nav .dropdown-menu > li,
body.connect-theme .connect-native-nav .dropdown-menu > li.dropdown-item{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  list-style:none;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item,
body.connect-theme .connect-native-nav .dropdown-menu > li > a{
  min-height:42px;
  display:flex;
  align-items:center;
  width:100%;
  padding:9px 11px;
  border-radius:9px;
  color:#E4EFFA;
  background:transparent;
  font-size:12.5px;
  font-weight:700;
  line-height:1.25;
  white-space:normal;
  text-decoration:none;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item:hover,
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item:focus-visible,
body.connect-theme .connect-native-nav .dropdown-menu > li > a:hover,
body.connect-theme .connect-native-nav .dropdown-menu > li > a:focus-visible{
  color:#fff;
  background:rgba(11,116,255,.18);
}
body.connect-theme .connect-native-nav .dropdown-divider{
  margin:6px 5px;
  border-top-color:rgba(161,194,230,.16);
}
body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
  min-width:330px;
  width:330px;
}
body.connect-theme #Secondary_Navbar-Account > .dropdown-menu{
  min-width:230px;
}

/* Overflow helper generated by WHMCS */
body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
  min-width:240px;
}

/* Breadcrumb separation */
body.connect-theme .master-breadcrumb,
body.connect-theme .connect-breadcrumb{
  position:relative;
  z-index:2;
  border-top:0;
  box-shadow:0 5px 14px rgba(7,28,56,.05);
}

/* Desktop: hamburger must not appear when full navbar is available */
@media (min-width:1200px){
  body.connect-theme .connect-menu-toggle{display:none !important;}
}

/* Tablet / mobile */
@media (max-width:1199.98px){
  body.connect-theme .connect-brand-row{
    min-height:68px;
    padding:7px 0;
  }
  body.connect-theme .connect-brand-container{
    min-height:54px;
    gap:10px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:245px;
    max-width:44vw;
  }
  body.connect-theme .connect-native-nav{
    min-height:0;
    padding:8px 0 11px;
  }
  body.connect-theme .connect-native-nav > .container{
    max-width:100%;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:calc(100dvh - 92px);
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:2px;
    padding:10px;
    border:1px solid rgba(129,174,225,.16);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(9,30,60,.99),rgba(6,21,44,.99));
    box-shadow:0 16px 38px rgba(0,0,0,.20);
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  body.connect-theme .connect-native-nav .navbar-nav{
    width:100%;
    align-items:stretch;
    gap:3px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li,
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    width:100%;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:46px;
    justify-content:space-between;
    padding:10px 11px;
    border-radius:9px;
    font-size:13px;
    white-space:normal;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li.active > a::before,
  body.connect-theme .connect-native-nav .navbar-nav > li.show > a::before,
  body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]::before{
    left:0;
    right:auto;
    top:9px;
    bottom:9px;
    width:2px;
    height:auto;
  }
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    position:static !important;
    float:none !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:4px 0 8px !important;
    padding:6px !important;
    border-color:rgba(136,177,223,.16) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.045) !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item,
  body.connect-theme .connect-native-nav .dropdown-menu > li > a{
    min-height:44px;
    color:#DFEBF8;
    font-size:13px;
    white-space:normal;
    overflow-wrap:break-word;
  }
  body.connect-theme .connect-mobile-institutional{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:10px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:8px 10px;
    border:1px solid rgba(141,183,230,.16);
    border-radius:9px;
    background:rgba(255,255,255,.04);
    color:#E1EEFB;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
  }
  body.connect-theme .connect-mobile-search .input-group{
    width:100%;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .btn{
    min-height:44px;
  }
}

@media (max-width:767.98px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav .container{
    max-width:100%;
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:220px;
    max-width:46vw;
  }
}

@media (max-width:575.98px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:205px;
    max-width:48vw;
  }
  body.connect-theme .connect-back-site{display:none;}
  body.connect-theme .connect-header-actions{gap:6px;}
  body.connect-theme .connect-client-btn span{display:none;}
  body.connect-theme .connect-client-btn{
    width:44px;
    min-width:44px;
    padding:0;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    padding-left:max(9px,env(safe-area-inset-left));
    padding-right:max(9px,env(safe-area-inset-right));
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  body.connect-theme .connect-mobile-institutional{grid-template-columns:1fr;}
}

@media (max-width:430px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:190px;
    max-width:47vw;
  }
  body.connect-theme .connect-native-nav .container{
    padding-left:9px;
    padding-right:9px;
  }
}

@media (max-width:360px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{width:176px;}
}

/* Accessibility */
body.connect-theme .connect-header a:focus-visible,
body.connect-theme .connect-header button:focus-visible,
body.connect-theme .connect-native-nav a:focus-visible{
  outline:3px solid rgba(80,184,255,.78);
  outline-offset:2px;
}
@media (prefers-contrast:more){
  body.connect-theme .connect-native-nav,
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{border-width:2px;}
}
@media (forced-colors:active){
  body.connect-theme .connect-brand-row,
  body.connect-theme .connect-native-nav,
  body.connect-theme .connect-native-nav .navbar-collapse,
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle,
  body.connect-theme .connect-mobile-institutional > a{
    background:Canvas !important;
    color:CanvasText !important;
    border:1px solid CanvasText !important;
    box-shadow:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.connect-theme .connect-header *,
  body.connect-theme .connect-header *::before,
  body.connect-theme .connect-header *::after,
  body.connect-theme .connect-native-nav *,
  body.connect-theme .connect-native-nav *::before,
  body.connect-theme .connect-native-nav *::after{
    transition:none !important;
    animation:none !important;
  }
}

/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.1 — LOOP 2 DESKTOP PREMIUM
   Desktop hierarchy / spacing / full primary nav fit.
   Single CSS layer; native WHMCS navigation and routes preserved.
   ========================================================== */
@media (min-width:1200px){
  body.connect-theme .connect-brand-row{
    min-height:82px;
    padding:11px 0;
    background:
      radial-gradient(circle at 17% -110%,rgba(43,199,247,.14),transparent 38%),
      linear-gradient(135deg,#06142b 0%,#071b38 52%,#08254a 100%);
    border-bottom-color:rgba(116,170,229,.18);
    box-shadow:0 10px 28px rgba(0,12,32,.18);
  }

  body.connect-theme .connect-brand-container{
    width:calc(100% - 40px);
    max-width:1320px;
    min-height:60px;
    margin-left:auto;
    margin-right:auto;
    gap:0;
  }

  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:286px;
    max-width:286px;
  }

  body.connect-theme .connect-public-nav{
    margin-left:clamp(26px,4vw,62px);
    margin-right:0;
  }

  body.connect-theme .connect-back-site{
    min-height:42px;
    padding:0 15px;
    border-color:rgba(142,190,241,.24);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    color:#dceafb;
    font-size:11.5px;
    font-weight:800;
    letter-spacing:.01em;
  }

  body.connect-theme .connect-header-actions{
    margin-left:auto;
    gap:8px;
  }

  body.connect-theme .connect-client-btn{
    min-height:44px;
    padding:0 17px;
    border-radius:12px;
    background:linear-gradient(135deg,#0b74ff 0%,#148bff 100%);
    box-shadow:0 9px 24px rgba(11,116,255,.20),inset 0 1px 0 rgba(255,255,255,.18);
    font-size:12px;
    letter-spacing:.01em;
  }

  body.connect-theme .connect-cart-btn{
    width:44px;
    min-width:44px;
    height:44px;
    border-radius:12px;
    background:rgba(255,255,255,.045);
  }

  body.connect-theme .connect-native-nav{
    min-height:58px;
    background:linear-gradient(180deg,#081c39 0%,#06162e 100%);
    border-bottom:1px solid rgba(127,174,225,.18);
    box-shadow:0 8px 22px rgba(0,13,34,.10);
  }

  body.connect-theme .connect-native-nav > .container{
    width:calc(100% - 40px);
    max-width:1320px;
    min-height:58px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
  }

  body.connect-theme .connect-native-nav .navbar-collapse{
    min-height:58px;
    align-items:stretch;
  }

  body.connect-theme .connect-native-nav .navbar-nav{
    min-height:58px;
    gap:4px;
    flex-wrap:nowrap;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li{
    display:flex;
    align-items:center;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:42px;
    margin:8px 0;
    padding:0 11px !important;
    border:1px solid transparent;
    border-radius:11px;
    color:#cfe0f2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.005em;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a:hover,
  body.connect-theme .connect-native-nav .navbar-nav > li > a:focus-visible{
    color:#fff;
    border-color:rgba(96,164,238,.18);
    background:rgba(255,255,255,.055);
  }

  body.connect-theme .connect-native-nav .navbar-nav > li.active > a,
  body.connect-theme .connect-native-nav .navbar-nav > li.show > a,
  body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]{
    color:#fff;
    border-color:rgba(75,157,247,.34);
    background:linear-gradient(180deg,rgba(11,116,255,.20),rgba(11,116,255,.11));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }

  body.connect-theme .connect-native-nav .navbar-nav > li.active > a::before,
  body.connect-theme .connect-native-nav .navbar-nav > li.show > a::before,
  body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]::before{
    left:10px;
    right:10px;
    bottom:4px;
    height:2px;
  }

  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
    margin-left:auto !important;
    padding-left:16px;
    border-left:1px solid rgba(150,190,232,.13);
  }

  body.connect-theme #Secondary_Navbar-Account > a{
    min-width:78px;
    justify-content:center;
    color:#e7f1fb;
  }

  body.connect-theme .connect-native-nav .collapsable-dropdown > a{
    min-width:68px;
    justify-content:center;
  }
}

@media (min-width:1200px) and (max-width:1279.98px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav > .container{
    width:calc(100% - 28px);
  }

  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:250px;
    max-width:250px;
  }

  body.connect-theme .connect-public-nav{
    margin-left:22px;
  }

  body.connect-theme .connect-native-nav .navbar-nav{
    gap:1px;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:11.25px;
  }

  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
    padding-left:10px;
  }
}

@media (min-width:1280px) and (max-width:1439.98px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav > .container{
    width:calc(100% - 34px);
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:11.75px;
  }
}

@media (min-width:1440px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav > .container{
    max-width:1360px;
  }

  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:300px;
    max-width:300px;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    padding-left:13px !important;
    padding-right:13px !important;
    font-size:12.5px;
  }
}

/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.2 — LOOP 3
   LOJA / MAIS / CONTA — DESKTOP INFORMATION ARCHITECTURE
   Native WHMCS menu DOM/routes preserved; CSS-only refinement.
   ========================================================== */

@media (min-width:1200px){
  /* Loja: mega painel compacto em duas colunas */
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:min(620px,calc(100vw - 48px));
    min-width:min(620px,calc(100vw - 48px));
    max-width:min(620px,calc(100vw - 48px));
    padding:12px;
    border-radius:16px;
    background:linear-gradient(180deg,#0C2749 0%,#081D38 100%);
    box-shadow:0 22px 58px rgba(0,13,34,.32);
  }

  body.connect-theme #Primary_Navbar-Store.show > .dropdown-menu{
    display:grid;
  }

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item{
    min-width:0;
    border:1px solid rgba(139,184,234,.12);
    border-radius:11px;
    background:rgba(255,255,255,.028);
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
  }

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item:hover,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item:focus-within{
    border-color:rgba(55,150,255,.42);
    background:rgba(11,116,255,.10);
    transform:translateY(-1px);
  }

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item > a.dropdown-item{
    min-height:54px;
    padding:10px 13px;
    border-radius:10px;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
    color:#EDF6FF;
  }

  body.connect-theme #Primary_Navbar-Store-Browse_Products_Services,
  body.connect-theme #Primary_Navbar-Store-Register_a_New_Domain{
    grid-column:1 / -1;
  }

  body.connect-theme #Primary_Navbar-Store-Browse_Products_Services > a.dropdown-item{
    min-height:46px;
    background:linear-gradient(90deg,rgba(11,116,255,.18),rgba(43,199,247,.08));
    color:#FFFFFF;
  }

  body.connect-theme #Primary_Navbar-Store-Register_a_New_Domain > a.dropdown-item{
    min-height:48px;
    justify-content:center;
    border:1px solid rgba(61,157,255,.24);
    background:rgba(11,116,255,.08);
    color:#BFE2FF;
  }

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > .dropdown-divider{
    grid-column:1 / -1;
    width:100%;
    margin:1px 0 2px;
  }

  /* Mais: somente overflow do WHMCS, compacto e sem aparência de submenu gigante */
  body.connect-theme .connect-native-nav .collapsable-dropdown > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    min-width:270px;
    width:270px;
    max-width:min(270px,calc(100vw - 32px));
    padding:8px;
  }

  body.connect-theme .connect-native-nav .collapsable-dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu a.dropdown-item{
    min-height:44px;
    padding:9px 12px;
    font-size:12.5px;
    font-weight:750;
  }

  /* Conta: painel curto, hierarquia clara */
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu{
    min-width:286px;
    width:286px;
    max-width:min(286px,calc(100vw - 32px));
    padding:9px;
    border-radius:14px;
  }

  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu > li.dropdown-item{
    margin:3px 0;
    border-radius:10px;
  }

  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu a.dropdown-item{
    min-height:46px;
    padding:10px 13px;
    font-size:13px;
    font-weight:800;
  }

  body.connect-theme #Secondary_Navbar-Account-Login > a.dropdown-item{
    background:linear-gradient(90deg,rgba(11,116,255,.20),rgba(43,199,247,.08));
    color:#FFFFFF;
  }

  body.connect-theme #Secondary_Navbar-Account-Forgot_Password\? > a.dropdown-item{
    color:#B8D8F4;
    font-size:12.5px;
  }

  /* Dropdown trigger: arrow spacing/readability */
  body.connect-theme #Primary_Navbar-Store > a.dropdown-toggle,
  body.connect-theme #Secondary_Navbar-Account > a.dropdown-toggle,
  body.connect-theme .collapsable-dropdown > a.dropdown-toggle{
    padding-right:28px !important;
  }

  body.connect-theme #Primary_Navbar-Store > a.dropdown-toggle::after,
  body.connect-theme #Secondary_Navbar-Account > a.dropdown-toggle::after,
  body.connect-theme .collapsable-dropdown > a.dropdown-toggle::after{
    position:absolute;
    right:11px;
    top:50%;
    margin:0;
    transform:translateY(-50%);
    opacity:.72;
  }

  body.connect-theme #Primary_Navbar-Store.show > a.dropdown-toggle::after,
  body.connect-theme #Secondary_Navbar-Account.show > a.dropdown-toggle::after,
  body.connect-theme .collapsable-dropdown.show > a.dropdown-toggle::after{
    transform:translateY(-50%) rotate(180deg);
  }
}

@media (min-width:1440px){
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    width:650px;
    min-width:650px;
    max-width:650px;
    gap:8px;
    padding:13px;
  }
}

/* Tablet/mobile continue one-column and native Bootstrap flow */
@media (max-width:1199.98px){
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
  }

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item{
    transform:none;
  }
}

/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.3 — LOOP 4 TABLET + MOBILE
   Responsive refinement only. Desktop V4.2 preserved.
   ========================================================== */

/* Tablet / notebook touch — menu vira painel vertical previsível */
@media (max-width:1199.98px){
  body.connect-theme .connect-brand-row{
    min-height:68px;
    padding:7px 0;
  }
  body.connect-theme .connect-brand-container{
    min-height:54px;
    gap:10px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:248px;
    max-width:42vw;
  }
  body.connect-theme .connect-header-actions{
    margin-left:auto;
    gap:7px;
  }
  body.connect-theme .connect-back-site{display:none;}
  body.connect-theme .connect-menu-toggle{display:inline-flex !important;}

  body.connect-theme .connect-native-nav{
    padding:8px 0 11px;
    background:linear-gradient(180deg,#081B36 0%,#07172F 100%);
  }
  body.connect-theme .connect-native-nav > .container{
    max-width:100%;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:calc(100dvh - 88px);
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:11px;
    border:1px solid rgba(137,183,233,.18);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(11,34,65,.985),rgba(7,23,47,.99));
    box-shadow:0 18px 44px rgba(0,12,32,.22);
  }
  body.connect-theme .connect-native-nav .navbar-nav{
    width:100%;
    display:block;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li,
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    width:100%;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:48px;
    justify-content:space-between;
    padding:0 13px;
    border-radius:10px;
    font-size:13px;
    white-space:normal;
  }
  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
    margin-left:0 !important;
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid rgba(153,187,224,.13);
  }

  /* Todos os dropdowns entram no fluxo; sem popover fora da tela. */
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    position:static !important;
    float:none !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:4px 0 8px !important;
    padding:7px !important;
    transform:none !important;
    border:1px solid rgba(132,176,225,.16) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.045) !important;
    box-shadow:none !important;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    display:block;
    grid-template-columns:none;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item{
    grid-column:auto !important;
  }
  body.connect-theme .connect-native-nav .dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
    min-height:44px;
    padding:9px 11px !important;
    color:#E3EFFB;
    font-size:13px;
    white-space:normal;
    overflow-wrap:break-word;
  }

  body.connect-theme .connect-mobile-institutional{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-bottom:10px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 10px;
    border:1px solid rgba(132,177,227,.18);
    border-radius:10px;
    background:rgba(255,255,255,.045);
    color:#E1EEFB;
    text-align:center;
    text-decoration:none;
  }
  body.connect-theme .connect-mobile-search{
    margin-bottom:10px !important;
  }
  body.connect-theme .connect-mobile-search .input-group{
    width:100%;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .btn{
    min-height:44px;
  }
}

/* 1024 / tablets landscape */
@media (max-width:1024px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav .container{
    padding-left:16px;
    padding-right:16px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:230px;
    max-width:40vw;
  }
  body.connect-theme .connect-client-btn{
    padding-left:12px;
    padding-right:12px;
  }
}

/* 768 / tablets portrait */
@media (max-width:767.98px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav .container{
    max-width:100%;
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:210px;
    max-width:46vw;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    border-radius:12px;
  }
}

/* Telefones grandes */
@media (max-width:575.98px){
  body.connect-theme .connect-brand-row{
    min-height:62px;
    padding:6px 0;
  }
  body.connect-theme .connect-brand-container{
    min-height:50px;
    gap:7px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:184px;
    max-width:48vw;
  }
  body.connect-theme .connect-header-actions{gap:6px;}
  body.connect-theme .connect-client-btn span{display:none;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:44px;
    min-width:44px;
    min-height:44px;
    padding:0 !important;
  }
  body.connect-theme .connect-native-nav{
    padding-top:6px;
    padding-bottom:max(9px,env(safe-area-inset-bottom));
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:calc(100dvh - 78px);
    padding-left:max(9px,env(safe-area-inset-left));
    padding-right:max(9px,env(safe-area-inset-right));
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:1fr;
  }
}

/* 430px */
@media (max-width:430px){
  body.connect-theme .connect-brand-container,
  body.connect-theme .connect-native-nav .container{
    padding-left:9px !important;
    padding-right:9px !important;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:172px;
    max-width:46vw;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    padding:8px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
    font-size:13px;
  }
}

/* 390px */
@media (max-width:390px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:160px;
    max-width:44vw;
  }
  body.connect-theme .connect-header-actions{gap:5px;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:42px;
    min-width:42px;
    min-height:42px;
  }
}

/* 360px */
@media (max-width:360px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:150px;
    max-width:43vw;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:46px;
    padding-left:10px;
    padding-right:10px;
  }
}

/* 320px — menor alvo: manter tudo acessível sem scroll horizontal */
@media (max-width:320px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:136px;
    max-width:42vw;
  }
  body.connect-theme .connect-header-actions{gap:4px;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:40px;
    min-width:40px;
    min-height:40px;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    padding:7px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
    font-size:12.5px;
    overflow-wrap:anywhere;
  }
}


/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.4 — LOOP 5 FINAL QA + HARDENING
   Screenshot-driven mobile correction + final responsive polish.
   ========================================================== */

/* Tablet/mobile: restore native dropdown visibility. */
@media (max-width:1199.98px){
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    display:none !important;
  }
  body.connect-theme .connect-native-nav li.show > .dropdown-menu,
  body.connect-theme .connect-native-nav .dropdown-menu.show,
  body.connect-theme #Primary_Navbar-Store.show > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account.show > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown.show > .dropdown-menu{
    display:block !important;
  }

  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:min(74dvh,680px);
    margin:6px 0 0;
    padding:10px;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(8,31,61,.995),rgba(5,23,47,.995));
    box-shadow:0 16px 34px rgba(0,12,32,.22);
  }

  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin:0 0 8px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    min-height:42px;
    padding:7px 9px;
    border-radius:9px;
    font-size:12px;
  }

  /* Search stays in one horizontal row; neutralises WHMCS theme search rules. */
  body.connect-theme .connect-mobile-search{
    width:100%;
    margin:0 0 8px !important;
  }
  body.connect-theme .connect-mobile-search .input-group.search{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    overflow:hidden;
    border:1px solid rgba(136,180,228,.26);
    border-radius:10px;
    background:#F8FBFF;
  }
  body.connect-theme .connect-mobile-search .input-group-prepend{
    display:flex !important;
    flex:0 0 46px !important;
    width:46px !important;
    margin:0 !important;
  }
  body.connect-theme .connect-mobile-search .btn{
    width:46px !important;
    min-width:46px !important;
    min-height:44px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-right:1px solid #D8E4F0 !important;
    border-radius:0 !important;
    background:#FFFFFF !important;
    color:#234665 !important;
    box-shadow:none !important;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .prepended-form-control{
    flex:1 1 auto !important;
    width:1% !important;
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#F8FBFF !important;
    color:#163754 !important;
    font-size:13px !important;
    line-height:44px !important;
    box-shadow:none !important;
  }
  body.connect-theme .connect-mobile-search .form-control::placeholder{
    color:#71869C !important;
    opacity:1;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:44px;
    padding:0 11px;
    border-radius:8px;
  }
  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu{
    margin:3px 0 6px !important;
    padding:4px !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.035) !important;
  }
  body.connect-theme .connect-native-nav .dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
    min-height:44px;
    padding:8px 10px !important;
    border-radius:7px;
    font-size:12.5px;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > .dropdown-divider{
    margin:4px 6px !important;
  }
}

@media (max-width:575.98px){
  body.connect-theme .connect-brand-row{
    min-height:60px;
    padding:5px 0;
  }
  body.connect-theme .connect-brand-container{
    min-height:50px;
    gap:6px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:168px;
    max-width:45vw;
  }
  body.connect-theme .connect-header-actions{gap:5px;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:42px;
    min-width:42px;
    min-height:42px;
    border-radius:10px !important;
  }
  body.connect-theme .connect-native-nav{
    padding:5px 0 max(7px,env(safe-area-inset-bottom));
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:min(72dvh,620px);
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  }
  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:390px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:150px;
    max-width:43vw;
  }
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:40px;
    min-width:40px;
    min-height:40px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    font-size:11.5px;
    padding-left:6px;
    padding-right:6px;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .prepended-form-control{
    font-size:12.5px !important;
    padding:0 9px !important;
  }
}

@media (max-width:340px){
  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:1fr;
  }
}

/* Dark-scheme safe: logo asset remains untouched; navigation supplies contrast. */
@media (prefers-color-scheme:dark){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    filter:none !important;
    opacity:1 !important;
  }
}

/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.5 — LOOP 6 FINISHING POLISH
   Mobile density, dropdown height, hierarchy and interaction polish.
   Visual-only. Native WHMCS menu/routes preserved.
   ========================================================== */

@media (max-width:1199.98px){
  body.connect-theme .connect-native-nav{
    padding-top:6px;
    padding-bottom:8px;
  }

  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:calc(100dvh - 112px);
    padding:9px;
    border:1px solid rgba(130,177,229,.18);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(8,29,57,.995),rgba(5,21,43,.995));
    box-shadow:0 14px 32px rgba(0,12,32,.20);
  }

  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin-bottom:7px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    min-height:40px;
    padding:6px 8px;
    border-color:rgba(142,185,232,.17);
    background:rgba(255,255,255,.035);
    font-size:11.75px;
    font-weight:750;
  }

  body.connect-theme .connect-mobile-search{
    margin-bottom:7px !important;
  }
  body.connect-theme .connect-mobile-search .input-group.search{
    min-height:42px;
    border-radius:9px;
  }
  body.connect-theme .connect-mobile-search .input-group-prepend{
    flex-basis:43px !important;
    width:43px !important;
  }
  body.connect-theme .connect-mobile-search .btn{
    width:43px !important;
    min-width:43px !important;
    min-height:42px !important;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .prepended-form-control{
    min-height:42px !important;
    height:42px !important;
    line-height:42px !important;
  }

  body.connect-theme .connect-native-nav .navbar-nav{
    gap:1px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:42px;
    padding:0 10px;
    border-radius:8px;
    font-size:12.75px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li + li{
    margin-top:1px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li.show > a,
  body.connect-theme .connect-native-nav .dropdown-toggle[aria-expanded="true"]{
    background:rgba(11,116,255,.13);
    color:#fff;
  }

  /* Store remains collapsed by default. When opened, keep it compact and scrollable. */
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    max-height:min(46dvh,390px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(116,174,236,.45) transparent;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu::-webkit-scrollbar{width:6px;}
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(116,174,236,.38);
  }

  body.connect-theme .connect-native-nav .dropdown-menu,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu{
    margin:2px 0 5px !important;
    padding:4px !important;
    border-radius:8px !important;
  }
  body.connect-theme .connect-native-nav .dropdown-menu > li > a,
  body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
    min-height:40px;
    padding:7px 9px !important;
    border-radius:6px;
    font-size:12.25px;
    line-height:1.25;
  }
  body.connect-theme .connect-native-nav .dropdown-divider{
    margin:3px 5px !important;
  }

  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid rgba(151,188,226,.12);
  }
}

@media (max-width:575.98px){
  body.connect-theme .connect-brand-row{
    min-height:58px;
    padding:4px 0;
  }
  body.connect-theme .connect-brand-container{
    min-height:48px;
    gap:5px;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:158px;
    max-width:44vw;
  }
  body.connect-theme .connect-header-actions{gap:5px;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:40px;
    min-width:40px;
    min-height:40px;
    padding:0 !important;
    border-radius:10px !important;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    max-height:calc(100dvh - 104px);
    margin-top:4px;
    padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));
    border-radius:12px;
  }
  body.connect-theme .connect-mobile-institutional > a{
    min-height:38px;
    font-size:11.5px;
  }
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:41px;
    font-size:12.5px;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    max-height:min(43dvh,340px) !important;
  }
}

@media (max-width:430px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:152px;
    max-width:43vw;
  }
  body.connect-theme .connect-native-nav .container{
    padding-left:7px !important;
    padding-right:7px !important;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{
    padding-left:7px;
    padding-right:7px;
  }
}

@media (max-width:390px){
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:145px;
    max-width:42vw;
  }
  body.connect-theme .connect-header-actions{gap:4px;}
  body.connect-theme .connect-client-btn,
  body.connect-theme .connect-cart-btn,
  body.connect-theme .connect-menu-toggle{
    width:39px;
    min-width:39px;
    min-height:39px;
  }
  body.connect-theme .connect-mobile-search .form-control,
  body.connect-theme .connect-mobile-search .prepended-form-control{
    font-size:12px !important;
  }
}

@media (max-width:340px){
  body.connect-theme .connect-mobile-institutional{
    grid-template-columns:1fr;
  }
  body.connect-theme .connect-brand-logo,
  body.connect-theme .connect-logo-header{
    width:132px;
    max-width:41vw;
  }
}



/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.6 — LOOP 7
   DESKTOP VISUAL POLISH / FINAL REFINEMENT
   Screenshot-driven 1366/1440 refinement. Visual-only.
   Native WHMCS routes, menu DOM and commerce logic preserved.
   ========================================================== */
@media (min-width:1200px){
  body.connect-theme .connect-native-nav > .container{
    width:calc(100% - 20px);
    max-width:1400px;
    padding-left:8px;
    padding-right:8px;
  }
  body.connect-theme .connect-native-nav .navbar-collapse{min-width:0;width:100%;}
  body.connect-theme #nav.navbar-nav{flex:1 1 auto;min-width:0;gap:2px;}
  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{
    flex:0 0 auto;
    margin-left:10px !important;
    padding-left:10px;
  }

  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    min-height:40px;
    margin:8px 0;
    padding:0 9px !important;
    border-radius:9px;
    font-size:11.5px !important;
    font-weight:750;
    letter-spacing:0;
  }
  body.connect-theme #Primary_Navbar-Store > a.dropdown-toggle,
  body.connect-theme #Secondary_Navbar-Account > a.dropdown-toggle,
  body.connect-theme .collapsable-dropdown > a.dropdown-toggle{padding-right:25px !important;}
  body.connect-theme #Primary_Navbar-Store > a.dropdown-toggle::after,
  body.connect-theme #Secondary_Navbar-Account > a.dropdown-toggle::after,
  body.connect-theme .collapsable-dropdown > a.dropdown-toggle::after{right:9px;opacity:.62;}

  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{
    left:0;right:auto;top:calc(100% - 1px);
    width:590px;min-width:590px;max-width:min(590px,calc(100vw - 32px));
    gap:6px;padding:10px;margin-top:0;
    border-radius:14px;border-color:rgba(128,177,231,.22);
    background:linear-gradient(180deg,#0B284B 0%,#081D38 100%);
    box-shadow:0 20px 48px rgba(0,13,34,.30);
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item{
    border-radius:9px;border-color:rgba(142,185,232,.11);
    background:rgba(255,255,255,.022);transform:none;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item:hover,
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item:focus-within{
    border-color:rgba(62,156,255,.32);background:rgba(11,116,255,.075);transform:none;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > li.dropdown-item > a.dropdown-item{
    min-height:48px;padding:9px 11px !important;border-radius:8px;
    font-size:12.5px !important;font-weight:750;line-height:1.2;
  }
  body.connect-theme #Primary_Navbar-Store-Browse_Products_Services > a.dropdown-item{
    min-height:44px;justify-content:flex-start;padding-left:13px !important;
    background:linear-gradient(90deg,rgba(11,116,255,.20),rgba(43,199,247,.07));color:#fff;
  }
  body.connect-theme #Primary_Navbar-Store-Register_a_New_Domain > a.dropdown-item{
    min-height:44px;justify-content:center;border:1px solid rgba(61,157,255,.26);
    background:rgba(11,116,255,.055);color:#CBE8FF;
  }
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu > .dropdown-divider{margin:0 !important;opacity:.72;}

  body.connect-theme .connect-native-nav .collapsable-dropdown > .dropdown-menu,
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu{
    width:250px;min-width:250px;max-width:min(250px,calc(100vw - 28px));padding:7px;border-radius:12px;
  }
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu{
    width:260px;min-width:260px;max-width:min(260px,calc(100vw - 28px));padding:7px;border-radius:12px;margin-top:0;
  }
  body.connect-theme .connect-native-nav .collapsable-dropdown-menu a.dropdown-item,
  body.connect-theme #Secondary_Navbar-Account > .dropdown-menu a.dropdown-item{
    min-height:42px;padding:8px 10px !important;border-radius:8px;font-size:12px !important;
  }
  body.connect-theme .connect-native-nav{
    border-bottom-color:rgba(120,171,228,.20);box-shadow:0 6px 18px rgba(0,13,34,.10);
  }
}

@media (min-width:1280px) and (max-width:1439.98px){
  body.connect-theme .connect-native-nav > .container{width:calc(100% - 12px);max-width:none;}
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    padding-left:8px !important;padding-right:8px !important;font-size:11.25px !important;
  }
  body.connect-theme .connect-native-nav .navbar-nav.ml-auto{margin-left:6px !important;padding-left:8px;}
  body.connect-theme #Secondary_Navbar-Account > a{min-width:70px;}
  body.connect-theme .connect-native-nav .collapsable-dropdown > a{min-width:62px;}
}

@media (min-width:1440px){
  body.connect-theme #Primary_Navbar-Store > .dropdown-menu{width:610px;min-width:610px;max-width:610px;}
  body.connect-theme .connect-native-nav .navbar-nav > li > a{
    font-size:12px !important;padding-left:11px !important;padding-right:11px !important;
  }
}


/* ==========================================================
   CONNECT NAVIGATION PREMIUM V4.7 — SUPPORT ARCHITECTURE
   Desktop: Início | Soluções | Suporte | Conta
   Tablet/mobile: same information architecture in collapsible menu.
   ========================================================== */
@media (min-width:1200px){
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu{
    width:300px;
    min-width:300px;
    max-width:min(300px,calc(100vw - 28px));
    padding:8px;
    margin-top:0;
    border-radius:12px;
  }
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu > li.dropdown-item{
    margin:2px 0;
    border-radius:8px;
  }
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu a.dropdown-item{
    min-height:44px;
    padding:9px 11px !important;
    border-radius:8px;
    font-size:12.5px !important;
    font-weight:750;
  }
  body.connect-theme #Primary_Navbar-Support > a.dropdown-toggle{
    padding-right:25px !important;
  }
  body.connect-theme #Primary_Navbar-Support > a.dropdown-toggle::after{
    position:absolute;
    right:9px;
    top:50%;
    margin:0;
    transform:translateY(-50%);
    opacity:.62;
  }
  body.connect-theme #Primary_Navbar-Support.show > a.dropdown-toggle::after{
    transform:translateY(-50%) rotate(180deg);
  }
}
@media (max-width:1199.98px){
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu{
    position:static !important;
    float:none !important;
    display:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:2px 0 5px !important;
    padding:4px !important;
    border-radius:8px !important;
    transform:none !important;
  }
  body.connect-theme #Primary_Navbar-Support.show > .dropdown-menu,
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu.show{
    display:block !important;
  }
  body.connect-theme #Primary_Navbar-Support > .dropdown-menu a.dropdown-item{
    min-height:40px;
    padding:7px 9px !important;
    border-radius:6px;
    font-size:12.25px;
    line-height:1.25;
    white-space:normal;
  }
}

/* CONNECT — DROPDOWN ICON/TEXT GAP FIX — 2026-09-17 */
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item{
  display:flex!important;
  align-items:center!important;
  column-gap:10px!important;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > i,
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > .fas,
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > .far,
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > .fab{
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  margin:0!important;
  text-align:center!important;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > span{
  min-width:0!important;
}

/* CONNECT — GLOBAL NAV ICON/TEXT GAP STANDARD — 2026-09-17 */
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item,
body.connect-theme .connect-native-nav .dropdown-menu > li > a{
  display:flex!important;
  align-items:center!important;
  column-gap:10px!important;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > i,
body.connect-theme .connect-native-nav .dropdown-menu > li > a > i{
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  margin:0!important;
  text-align:center!important;
}
body.connect-theme .connect-native-nav .dropdown-menu a.dropdown-item > span,
body.connect-theme .connect-native-nav .dropdown-menu > li > a > span{
  min-width:0!important;
}