/* OffshoreDedi WHMCS V4.1
   - Align client portal with Sep-2026 OffshoreDedi commercial-site palette
   - Fix homepage domain-search white wrapper / low-contrast pricing link
   - Keep V3.8/V4 structural behavior untouched
*/
:root{
  --od41-page:#1a1a1a;
  --od41-header:#050607;
  --od41-surface:#19212b;
  --od41-surface-2:#171c24;
  --od41-surface-3:#111821;
  --od41-border:#354253;
  --od41-border-soft:#2d3948;
  --od41-text:#f1f3f6;
  --od41-muted:#a7aeba;
  --od41-blue:#566eaa;
  --od41-purple:#765c99;
  --od41-link:#8cacdf;
  --od41-green:#9bb8ae;
}

/* Match the redesigned marketing site: charcoal page, blue-grey blocks, muted violet/blue accents. */
body{background:var(--od41-page)!important;color:var(--od41-text)!important}
#main-body{background:var(--od41-page)!important}
#header.od-v2-header{background:rgba(5,6,7,.98)!important;border-bottom:1px solid #171b21!important}
.master-breadcrumb{background:#14181e!important;border-color:#282f39!important}

.od-v4-hero{
  background:linear-gradient(135deg,#1a2330 0%,#19212b 58%,#171c24 100%)!important;
  border-color:#374456!important;
  box-shadow:none!important;
}
.od-v4-hero:before{opacity:.42!important}
.od-v4-hero h1 span{
  background:linear-gradient(90deg,#7895cf,#8870a8)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
.od-v4-eyebrow{color:#9bb3dc!important}
.od-v4-eyebrow i,.od-v4-trustbar .od-v4-status i{color:var(--od41-green)!important;filter:none!important}
.od-v4-hero p,.od-v4-section-intro p,.od-v4-help-copy p{color:var(--od41-muted)!important}
.od-v4-primary,
.od-v4-domain-block #btnDomainSearch,
.od-v4-domain-block #btnDomainSearch2{
  background:linear-gradient(100deg,var(--od41-blue),var(--od41-purple))!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.od-v4-primary:hover,
.od-v4-domain-block #btnDomainSearch:hover,
.od-v4-domain-block #btnDomainSearch2:hover{filter:brightness(1.09)!important}
.od-v4-secondary{background:#202630!important;border-color:#465264!important;color:#f3f4f6!important}

.od-v4-trustbar,.od-v4-catalog details{
  background:#171c24!important;border-color:var(--od41-border-soft)!important
}
.od-v4-trustbar span{color:#aeb4bd!important;border-color:#323b48!important}
.od-v4-trustbar i{color:#8da6d3!important}

.od-v4-service,.od-v4-mini,.od-v4-help,.od-v4-help-actions a{
  background:linear-gradient(150deg,#1b2430,#171c24)!important;
  border-color:var(--od41-border)!important;
  box-shadow:none!important
}
.od-v4-service-featured{background:linear-gradient(150deg,#202938,#191f29)!important;border-color:#5b6d91!important}
.od-v4-service:hover,.od-v4-mini:hover,.od-v4-help-actions a:hover{
  border-color:#596b87!important;box-shadow:0 16px 34px rgba(0,0,0,.16)!important
}
.od-v4-icon,.od-v4-mini-icon{background:#202937!important;border-color:#44536a!important;color:#8aa4d2!important}
.od-v4-service:before{background:radial-gradient(circle,rgba(117,92,153,.11),transparent 70%)!important}
.od-v4-link,.od-v4-mini span,.od-v4-catalog-grid>a>i{color:var(--od41-link)!important}
.od-v4-tag,.od-v4-mini small,.od-v4-catalog-grid span{color:#94a1b3!important}

/* Homepage domain search: remove the stock WHMCS white wrapper and make the search control one cohesive block. */
.od-v4-domain-block{
  background:linear-gradient(145deg,#19212b,#171c24)!important;
  border-color:var(--od41-border)!important;
  box-shadow:none!important
}
.od-v4-domain-block .home-domain-search,
.od-v4-domain-block .home-domain-search>.container,
.od-v4-domain-block .home-domain-search .p-5{background:transparent!important}
.od-v4-domain-block .home-domain-search .input-group-wrapper{
  display:block!important;
  width:100%!important;
  margin:22px 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important
}
.od-v4-domain-block .input-group{
  width:100%!important;
  max-width:none!important;
  flex-wrap:nowrap!important;
  background:transparent!important
}
.od-v4-domain-block .input-group-wrapper .form-control,
.od-v4-domain-block .form-control{
  min-width:0!important;
  height:58px!important;
  padding:0 18px!important;
  background:#171d27!important;
  color:#f1f3f6!important;
  border:1px solid #424e60!important;
  border-right:0!important;
  border-radius:11px 0 0 11px!important;
  box-shadow:none!important
}
.od-v4-domain-block .form-control::placeholder{color:#8791a1!important;opacity:1!important}
.od-v4-domain-block .form-control:focus{border-color:#64799a!important;background:#191f2a!important;box-shadow:inset 0 0 0 1px #64799a!important}
.od-v4-domain-block .input-group-append{display:flex!important;flex:0 0 auto!important}
.od-v4-domain-block .input-group-wrapper .btn,
.od-v4-domain-block .input-group-append .btn{
  height:58px!important;
  min-width:132px!important;
  margin:0!important;
  padding:0 24px!important;
  border-radius:0!important;
  font-weight:700!important;
  box-shadow:none!important
}
.od-v4-domain-block #btnTransfer,
.od-v4-domain-block #btnTransfer2{
  background:#232a35!important;
  color:#f2f4f7!important;
  border:1px solid #465264!important;
  border-left:0!important
}
.od-v4-domain-block .input-group-append .btn:last-child{border-radius:0 11px 11px 0!important}
.od-v4-domain-block .tld-logos{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:28px!important;
  margin:18px 0 0!important;padding:0!important;float:left!important
}
.od-v4-domain-block .tld-logos li{float:none!important;padding:0!important;color:#aeb4bd!important}
.od-v4-domain-block .tld-logos img{opacity:.85!important}
.od-v4-domain-block a.btn-link.float-right{
  color:#91a9d1!important;
  opacity:1!important;
  padding:10px 0!important;
  margin-top:12px!important;
  font-weight:600!important;
  text-decoration:none!important
}
.od-v4-domain-block a.btn-link.float-right:hover{color:#b7c9e8!important;text-decoration:none!important}

/* Logged-in dashboard: calm the vivid V4 accents to the same site palette. */
.od-v2-welcome{
  background:linear-gradient(135deg,#1b2430,#171c24)!important;
  border-color:var(--od41-border)!important;
  box-shadow:none!important
}
.od-v2-stats .tile,.od-v2-home-panels .card,.sidebar .card,.sidebar .panel{
  background:#19212b!important;border-color:var(--od41-border)!important;box-shadow:none!important
}
.od-v2-stats .tile:hover{border-color:#596b87!important;box-shadow:0 14px 28px rgba(0,0,0,.15)!important}
.sidebar .card-header,.sidebar .panel-heading{background:#202833!important;border-color:#394555!important}
.btn-primary,.btn-success{background:linear-gradient(100deg,var(--od41-blue),var(--od41-purple))!important;border-color:transparent!important}
a{--od41-anchor:var(--od41-link)}

/* Header underline also uses the site's restrained blue/violet combination. */
#header .od-v2-site-links a:after{background:linear-gradient(90deg,var(--od41-blue),var(--od41-purple))!important}

@media(max-width:767px){
  .od-v4-domain-block .input-group{flex-wrap:wrap!important}
  .od-v4-domain-block .input-group-wrapper .form-control,.od-v4-domain-block .form-control{
    flex:0 0 100%!important;width:100%!important;border:1px solid #424e60!important;border-radius:10px!important;margin-bottom:10px!important
  }
  .od-v4-domain-block .input-group-append{width:100%!important;gap:8px!important}
  .od-v4-domain-block .input-group-wrapper .btn,.od-v4-domain-block .input-group-append .btn{
    flex:1 1 0!important;min-width:0!important;border:1px solid #465264!important;border-radius:10px!important
  }
  .od-v4-domain-block .tld-logos{float:none!important;gap:18px!important}
  .od-v4-domain-block a.btn-link.float-right{float:none!important;display:inline-block!important}
}