/* OffshoreDedi V3.6
   1) Restore WHMCS' useful client navigation as a second, compact dark row.
   2) Guarantee a visible payment-gateway dropdown affordance on white invoices.
*/

/* ===== Native WHMCS client navigation, restyled to match OffshoreDedi ===== */
.od-client-nav{
  position:relative;
  z-index:1015;
  background:#0c1118;
  border-top:1px solid #202a39;
  border-bottom:1px solid #273142;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.od-client-nav__inner{
  max-width:1360px;
  margin:0 auto;
  padding:0 28px;
  overflow:visible;
}
.od-client-nav__menu{
  display:flex;
  align-items:center;
  gap:3px;
  min-height:46px;
  margin:0;
  padding:0;
  list-style:none;
}
.od-client-nav__menu > li{
  position:relative;
  display:block !important;
  margin:0;
  padding:0;
}
.od-client-nav__menu > li > a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-radius:8px;
  color:#c7cfdb !important;
  font-size:13px;
  font-weight:650;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease;
}
.od-client-nav__menu > li > a:hover,
.od-client-nav__menu > li.active > a,
.od-client-nav__menu > li.current > a,
.od-client-nav__menu > li.show > a{
  color:#fff !important;
  background:#151d29;
}
.od-client-nav__menu .dropdown-toggle:after{
  margin-left:7px;
  border-top-color:#7f8a99;
}
.od-client-nav__menu .dropdown-menu{
  min-width:220px;
  margin-top:0;
  padding:7px;
  border:1px solid #313b4c;
  border-radius:11px;
  background:#111822;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
.od-client-nav__menu .dropdown-menu .dropdown-item,
.od-client-nav__menu .dropdown-menu li > a{
  display:block;
  width:100%;
  padding:9px 11px !important;
  border-radius:7px;
  color:#c5ceda !important;
  background:transparent;
  font-size:13px;
  text-decoration:none !important;
}
.od-client-nav__menu .dropdown-menu .dropdown-item:hover,
.od-client-nav__menu .dropdown-menu li > a:hover{
  color:#fff !important;
  background:linear-gradient(100deg,rgba(47,140,255,.20),rgba(124,60,255,.20));
}
.od-client-nav__menu .dropdown-divider{
  border-top-color:#2a3443;
}
.od-client-nav__menu .badge{
  margin-left:5px;
  background:#6f3eff;
  color:#fff;
}

/* Don't let the WHMCS "More" utility hide useful client menu items in this custom row. */
.od-client-nav__menu .collapsable-dropdown{
  display:none !important;
}

@media(max-width:991px){
  .od-client-nav__inner{
    padding:0 14px;
    overflow-x:auto;
    overflow-y:visible;
    scrollbar-width:thin;
  }
  .od-client-nav__menu{
    width:max-content;
    min-width:100%;
  }
  .od-client-nav__menu > li > a{
    padding:0 11px;
  }
}

/* ===== Invoice payment method: explicit dropdown indicator ===== */
.invoice-container .od-gateway-select-wrap{
  position:relative;
  display:inline-block;
  width:100%;
  min-width:260px;
  max-width:390px;
  vertical-align:middle;
}
.invoice-container .od-gateway-select{
  display:block;
  width:100%;
  min-height:44px;
  padding:8px 48px 8px 14px !important;
  border:1px solid #b9c2ce;
  border-radius:8px;
  background:#fff !important;
  background-image:none !important;
  color:#252b33 !important;
  font-size:16px;
  line-height:1.4;
  cursor:pointer;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
}
.invoice-container .od-gateway-select:hover{
  border-color:#8793a2;
}
.invoice-container .od-gateway-select:focus{
  outline:0;
  border-color:#6a70ff;
  box-shadow:0 0 0 3px rgba(90,92,255,.16);
}
.invoice-container .od-gateway-select-icon{
  position:absolute;
  top:50%;
  right:16px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:28px;
  color:#3d4651;
  font-size:18px;
  line-height:1;
  transform:translateY(-50%);
  pointer-events:none;
}
.invoice-container .od-gateway-select-icon .fa-sort{
  display:block;
}

@media(max-width:575px){
  .invoice-container .od-gateway-select-wrap{
    min-width:0;
    max-width:none;
  }
}

@media print{
  .od-client-nav{display:none !important;}
  .invoice-container .od-gateway-select-icon{display:none !important;}
}