/* OffshoreDedi V4.2 — selectable dark/light appearance. Loaded after V4.1. */

/* Theme switch */
.od-theme-toggle{
  width:86px;height:38px;padding:0 8px;border:1px solid #2b394d;border-radius:999px;
  background:#0c121c;color:#d7dfeb;display:inline-flex;align-items:center;justify-content:center;
  gap:6px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;
}
.od-theme-toggle:hover{border-color:#506a90;box-shadow:0 0 0 3px rgba(84,139,255,.08)}
.od-theme-toggle:focus{outline:0;box-shadow:0 0 0 3px rgba(71,132,255,.22)}
.od-theme-toggle__sun,.od-theme-toggle__moon{width:15px;text-align:center;font-size:12px;line-height:1;transition:opacity .2s,color .2s}
.od-theme-toggle__sun{color:#6f7d90;opacity:.65}.od-theme-toggle__moon{color:#a884ff;opacity:1}
.od-theme-toggle__track{position:relative;width:28px;height:16px;flex:0 0 28px;border-radius:999px;background:#202b3b;border:1px solid #34445b;transition:.2s}
.od-theme-toggle__knob{position:absolute;top:2px;left:13px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6e9cff,#8f51ff);box-shadow:0 2px 6px rgba(0,0,0,.35);transition:left .2s,background .2s}

/* Explicitly preserve the existing dark appearance as the default. */
html[data-od-theme="dark"]{color-scheme:dark}

/* Light palette */
html[data-od-theme="light"]{color-scheme:light;--v4-bg:#f3f5f8;--v4-panel:#ffffff;--v4-panel2:#f7f9fc;--v4-line:#d7dee8;--v4-text:#18202d;--v4-muted:#667085;--v4-blue:#386fe8;--v4-purple:#7255b8;--v4-green:#159a68}
html[data-od-theme="light"] body{
  background:radial-gradient(circle at 18% 8%,rgba(56,111,232,.055),transparent 25%),radial-gradient(circle at 82% 16%,rgba(114,85,184,.05),transparent 24%),#f3f5f8!important;
  color:#18202d!important;
}
html[data-od-theme="light"] body,html[data-od-theme="light"] p,html[data-od-theme="light"] .text-muted{color:#667085!important}
html[data-od-theme="light"] h1,html[data-od-theme="light"] h2,html[data-od-theme="light"] h3,html[data-od-theme="light"] h4,html[data-od-theme="light"] h5,html[data-od-theme="light"] h6,html[data-od-theme="light"] strong,html[data-od-theme="light"] .text-dark{color:#18202d!important}
html[data-od-theme="light"] a{color:#386fe8}

/* Header and client nav */
html[data-od-theme="light"] .od-v2-navwrap{background:rgba(255,255,255,.96)!important;border-bottom-color:#dde3eb!important;box-shadow:0 8px 28px rgba(22,34,52,.05)}
html[data-od-theme="light"] .od-v2-site-links a,html[data-od-theme="light"] .od-v2-user-menu>a{color:#222b39!important}
html[data-od-theme="light"] .od-v2-site-links a:hover{color:#386fe8!important}
html[data-od-theme="light"] .od-v2-iconbtn{color:#273244!important}
html[data-od-theme="light"] .od-v2-client-btn{border-color:#8d7bc6;color:#513c8e!important;background:#fff!important}
html[data-od-theme="light"] .od-v2-client-btn:hover{background:linear-gradient(90deg,#5177ca,#7458a5)!important;color:#fff!important}
html[data-od-theme="light"] .od-v2-register-btn{color:#273244!important}
html[data-od-theme="light"] .od-v2-user-menu .dropdown-menu,html[data-od-theme="light"] .dropdown-menu{background:#fff!important;border-color:#d9e0ea!important;box-shadow:0 14px 34px rgba(27,39,57,.12)!important}
html[data-od-theme="light"] .dropdown-item{color:#273244!important;background:#fff!important}
html[data-od-theme="light"] .dropdown-item:hover{background:#f0f3f8!important;color:#315fbc!important}
html[data-od-theme="light"] .od-client-nav{background:#f8fafc!important;border-color:#dce3ec!important}
html[data-od-theme="light"] .od-client-nav a{color:#4b5668!important}
html[data-od-theme="light"] .od-client-nav a:hover{color:#315fbc!important}
html[data-od-theme="light"] .master-breadcrumb{background:rgba(244,246,249,.92)!important;border-color:#dfe5ed!important}
html[data-od-theme="light"] .breadcrumb,html[data-od-theme="light"] .breadcrumb a{color:#657184!important}

/* Toggle in light mode */
html[data-od-theme="light"] .od-theme-toggle{background:#f1f4f8;border-color:#ccd5e1;color:#2d3748}
html[data-od-theme="light"] .od-theme-toggle__sun{color:#d59619;opacity:1}
html[data-od-theme="light"] .od-theme-toggle__moon{color:#8b96a7;opacity:.55}
html[data-od-theme="light"] .od-theme-toggle__track{background:#dde4ee;border-color:#c2ccda}
html[data-od-theme="light"] .od-theme-toggle__knob{left:3px;background:linear-gradient(135deg,#f1b642,#e89f22);box-shadow:0 2px 5px rgba(86,69,25,.18)}

/* V4 public portal blocks */
html[data-od-theme="light"] .od-v4-hero{background:linear-gradient(130deg,#ffffff 0%,#f5f7fb 58%,#eef2f8 100%);border-color:#d5dde8;box-shadow:0 25px 70px rgba(29,46,72,.10)}
html[data-od-theme="light"] .od-v4-hero:before{background:radial-gradient(circle,rgba(114,85,184,.11),transparent 65%)}
html[data-od-theme="light"] .od-v4-hero:after{background:radial-gradient(circle,rgba(56,111,232,.09),transparent 65%)}
html[data-od-theme="light"] .od-v4-hero p{color:#667085!important}
html[data-od-theme="light"] .od-v4-secondary{background:#fff!important;border-color:#c9d2df!important;color:#273244!important}
html[data-od-theme="light"] .od-v4-server-stack{background:linear-gradient(145deg,#fff,#eef2f7);border-color:#cfd8e5;box-shadow:0 20px 50px rgba(29,46,72,.12)}
html[data-od-theme="light"] .od-v4-orbit{border-color:rgba(70,95,132,.18)}
html[data-od-theme="light"] .od-v4-float{background:rgba(255,255,255,.96);border-color:#d3dbe7;box-shadow:0 14px 32px rgba(31,45,64,.10);color:#768296}
html[data-od-theme="light"] .od-v4-float b{color:#1c2736}
html[data-od-theme="light"] .od-v4-trustbar{background:#fff;border-color:#dce3ec;box-shadow:0 8px 28px rgba(31,45,64,.04)}
html[data-od-theme="light"] .od-v4-trustbar span{color:#536074;border-color:#e0e6ee}
html[data-od-theme="light"] .od-v4-domain-block{background:linear-gradient(145deg,#fff,#f6f8fb);border-color:#d5dde8;box-shadow:0 14px 40px rgba(31,45,64,.06)}
html[data-od-theme="light"] .od-v4-domain-block .form-control{background:#fff!important;color:#202a38!important;border-color:#cbd4e0!important}
html[data-od-theme="light"] .od-v4-domain-block .form-control::placeholder{color:#8a95a6!important}
html[data-od-theme="light"] .od-v4-service{background:linear-gradient(150deg,#fff,#f5f7fa);border-color:#d7dee8;color:#1b2533!important;box-shadow:0 10px 28px rgba(31,45,64,.05)}
html[data-od-theme="light"] .od-v4-service-featured{background:radial-gradient(circle at 95% 0%,rgba(114,85,184,.10),transparent 38%),linear-gradient(150deg,#fff,#f5f7fa)}
html[data-od-theme="light"] .od-v4-service:hover{border-color:#9badc7;box-shadow:0 18px 40px rgba(31,45,64,.10)}
html[data-od-theme="light"] .od-v4-icon{background:#eef3fa;border-color:#c6d2e3;color:#386fe8}
html[data-od-theme="light"] .od-v4-tag{color:#738199}
html[data-od-theme="light"] .od-v4-service strong{color:#303b4b}
html[data-od-theme="light"] .od-v4-mini{background:#fff;border-color:#d7dee8;color:#1b2533!important;box-shadow:0 8px 24px rgba(31,45,64,.04)}
html[data-od-theme="light"] .od-v4-mini:hover{background:#f8fafc;border-color:#aab8cb}
html[data-od-theme="light"] .od-v4-mini-icon{background:linear-gradient(145deg,rgba(56,111,232,.09),rgba(114,85,184,.08));border-color:#c8d3e2}
html[data-od-theme="light"] .od-v4-mini small,html[data-od-theme="light"] .od-v4-catalog-grid span,html[data-od-theme="light"] .od-v4-help-actions span{color:#748197}
html[data-od-theme="light"] .od-v4-catalog details{background:#fff;border-color:#d7dee8}
html[data-od-theme="light"] .od-v4-catalog summary{color:#273244}
html[data-od-theme="light"] .od-v4-catalog-grid a{background:#f8fafc;border-color:#dde4ed}
html[data-od-theme="light"] .od-v4-catalog-grid strong{color:#273244}
html[data-od-theme="light"] .od-v4-help{background:radial-gradient(circle at 0 100%,rgba(56,111,232,.07),transparent 35%),#fff;border-color:#d7dee8;box-shadow:0 12px 34px rgba(31,45,64,.05)}
html[data-od-theme="light"] .od-v4-help-actions a{background:#f8fafc;border-color:#dce3ec}
html[data-od-theme="light"] .od-v4-help-actions b{color:#253041}

/* Generic WHMCS surfaces */
html[data-od-theme="light"] #main-body,html[data-od-theme="light"] .primary-content{color:#273244!important}
html[data-od-theme="light"] .card,html[data-od-theme="light"] .panel,html[data-od-theme="light"] .well,html[data-od-theme="light"] .list-group-item,html[data-od-theme="light"] .modal-content,html[data-od-theme="light"] .popover{background:#fff!important;color:#273244!important;border-color:#d9e1eb!important}
html[data-od-theme="light"] .card-header,html[data-od-theme="light"] .panel-heading,html[data-od-theme="light"] .modal-header,html[data-od-theme="light"] .modal-footer,html[data-od-theme="light"] .popover-header{background:#f5f7fa!important;color:#263142!important;border-color:#d9e1eb!important}
html[data-od-theme="light"] .card-footer,html[data-od-theme="light"] .panel-footer{background:#f8fafc!important;border-color:#d9e1eb!important}
html[data-od-theme="light"] .sidebar .card,html[data-od-theme="light"] .sidebar .panel,html[data-od-theme="light"] .sidebar .list-group-item,html[data-od-theme="light"] .sidebar a.list-group-item{background:#fff!important;color:#445064!important;border-color:#dce3ec!important}
html[data-od-theme="light"] .sidebar a.list-group-item:hover,html[data-od-theme="light"] .sidebar a.list-group-item.active{background:linear-gradient(90deg,#4e73c8,#7257a6)!important;color:#fff!important}
html[data-od-theme="light"] .table,html[data-od-theme="light"] table{color:#273244!important;background:#fff!important}
html[data-od-theme="light"] .table thead th,html[data-od-theme="light"] table thead th{background:#eef2f6!important;color:#273244!important;border-color:#d7dee8!important}
html[data-od-theme="light"] .table td,html[data-od-theme="light"] .table th,html[data-od-theme="light"] table td,html[data-od-theme="light"] table th{border-color:#dde4ed!important}
html[data-od-theme="light"] .table-striped tbody tr:nth-of-type(odd){background:#f8fafc!important}
html[data-od-theme="light"] .form-control,html[data-od-theme="light"] select.form-control,html[data-od-theme="light"] .custom-select,html[data-od-theme="light"] textarea,html[data-od-theme="light"] input[type="text"],html[data-od-theme="light"] input[type="email"],html[data-od-theme="light"] input[type="password"],html[data-od-theme="light"] input[type="number"],html[data-od-theme="light"] input[type="tel"],html[data-od-theme="light"] input[type="url"]{background:#fff!important;color:#202a38!important;border-color:#cbd4e0!important;box-shadow:none!important}
html[data-od-theme="light"] .form-control:focus,html[data-od-theme="light"] .custom-select:focus{border-color:#7896d2!important;box-shadow:0 0 0 .18rem rgba(56,111,232,.14)!important}
html[data-od-theme="light"] .form-control::placeholder{color:#98a2b3!important}
html[data-od-theme="light"] .input-group-text{background:#eef2f6!important;color:#566175!important;border-color:#cbd4e0!important}
html[data-od-theme="light"] .btn-default,html[data-od-theme="light"] .btn-secondary{background:#fff!important;color:#303b4b!important;border-color:#c8d2df!important}
html[data-od-theme="light"] .btn-default:hover,html[data-od-theme="light"] .btn-secondary:hover{background:#f0f3f7!important;border-color:#acb9ca!important}
html[data-od-theme="light"] .nav-tabs{border-bottom-color:#d8e0ea!important}
html[data-od-theme="light"] .nav-tabs .nav-link{color:#667085!important}
html[data-od-theme="light"] .nav-tabs .nav-link.active{background:#fff!important;color:#273244!important;border-color:#d8e0ea #d8e0ea #fff!important}
html[data-od-theme="light"] .page-link{background:#fff!important;border-color:#d6dee8!important;color:#415c8b!important}
html[data-od-theme="light"] .alert{background:#fff!important;color:#344054!important}
html[data-od-theme="light"] .alert-info{background:#eef6ff!important;border-color:#b8d8f4!important}
html[data-od-theme="light"] .alert-success{border-color:#a9dfcb!important}

/* Logged-in client dashboard */
html[data-od-theme="light"] .od-v2-welcome{background:radial-gradient(circle at 92% 20%,rgba(114,85,184,.08),transparent 24%),linear-gradient(135deg,#fff,#f5f7fa)!important;border-color:#d7dee8!important;box-shadow:0 12px 36px rgba(31,45,64,.05)}
html[data-od-theme="light"] .od-v2-stats .tile{background:linear-gradient(145deg,#fff,#f6f8fb)!important;border-color:#d7dee8!important;box-shadow:0 8px 24px rgba(31,45,64,.04)!important}
html[data-od-theme="light"] .od-v2-stats .tile:hover{border-color:#aab8cd!important;box-shadow:0 15px 34px rgba(31,45,64,.08)!important}
html[data-od-theme="light"] .od-v2-stats .tile .stat{color:#1f2937!important}
html[data-od-theme="light"] .od-v2-stats .tile .title{color:#6b7789!important}
html[data-od-theme="light"] .od-v2-home-panels .card-header{background:#f5f7fa!important}
html[data-od-theme="light"] .od-v2-home-panels .list-group-item{background:#fff!important;border-color:#dde4ed!important}

/* Footer */
html[data-od-theme="light"] #footer.footer,html[data-od-theme="light"] .od-v2-footer{background:#e9edf3!important;border-top-color:#d1d9e4!important;color:#667085!important}
html[data-od-theme="light"] .od-v2-footer-grid a,html[data-od-theme="light"] #footer a{color:#566175!important}
html[data-od-theme="light"] .od-v2-footer-grid a:hover,html[data-od-theme="light"] #footer a:hover{color:#315fbc!important}
html[data-od-theme="light"] .od-v2-payments span{background:#f8fafc;border-color:#ccd5e0;color:#647084}
html[data-od-theme="light"] .od-v2-footer-bottom{border-top-color:#d0d8e3;color:#737f91}
html[data-od-theme="light"] .od-v2-status{color:#4f5b6d}

/* Checkout/order-form safety net if this system theme is active around the order form. */
html[data-od-theme="light"] #order-standard_cart{color:#273244!important}
html[data-od-theme="light"] #order-standard_cart .products .product,html[data-od-theme="light"] #order-standard_cart .product-info,html[data-od-theme="light"] #order-standard_cart .summary-container,html[data-od-theme="light"] #order-standard_cart .view-cart-items,html[data-od-theme="light"] #order-standard_cart .checkout-security-msg{background:#fff!important;border-color:#d7dee8!important;color:#273244!important}
html[data-od-theme="light"] #order-standard_cart .products .product header{background:#f2f5f8!important;color:#273244!important;border-color:#d7dee8!important}

@media(max-width:1199px){
  html[data-od-theme="light"] .od-v2-mainnav{background:#fff!important;border-bottom-color:#d7dee8!important}
  html[data-od-theme="light"] .od-v2-account-tools{border-top-color:#dce3ec!important}
}
@media(max-width:767px){
  .od-theme-toggle{width:82px;margin:4px 0;align-self:flex-start}
}