/* OffshoreDedi V4.7 — light-mode cart/renewal finishing fixes
   - Checkout account selector no longer remains dark in Light mode.
   - Checkout Total Due Today strip is fully light/readable.
   - Domain/service renewal rows no longer inherit the legacy dark card rules.
   - Renewal CTAs, labels, selects and supporting text have correct contrast.
   Dark mode is intentionally untouched.
*/

/* ========================================================================== 
   CHECKOUT — CHOOSE ACCOUNT
   ========================================================================== */
html[data-od-theme="light"] body #main-body #order-standard_cart #frmCheckout #containerExistingAccountSelect.account-select-container,
html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect.account-select-container{
  background:#ffffff!important;
  border:1px solid #d4deea!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(24,35,53,.05)!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account{
  background:#f8fafc!important;
  border-color:#d8e1ec!important;
  color:#344054!important;
  box-shadow:none!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account.active{
  background:#eef4ff!important;
  border-color:#c7d6eb!important;
  box-shadow:inset 4px 0 0 #6074f5!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account label,
html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account .address,
html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account .small,
html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account strong{
  color:#344054!important;
  opacity:1!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account strong{
  color:#182335!important;
  font-weight:700!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect .account .label-info{
  background:#356ff6!important;
  border-color:#356ff6!important;
  color:#fff!important;
}

/* ========================================================================== 
   CHECKOUT — PAYMENT TOTAL
   WHMCS checkout uses #totalDueToday rather than the order-summary class fixed
   in V4.5, so style it explicitly here.
   ========================================================================== */
html[data-od-theme="light"] body #main-body #order-standard_cart #frmCheckout #totalDueToday,
html[data-od-theme="light"] body #main-body #order-standard_cart #totalDueToday{
  background:#eef4fb!important;
  border:1px solid #d2deeb!important;
  color:#344054!important;
  border-radius:12px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #totalDueToday *,
html[data-od-theme="light"] body #main-body #order-standard_cart #totalDueToday strong,
html[data-od-theme="light"] body #main-body #order-standard_cart #totalCartPrice{
  color:#182335!important;
  opacity:1!important;
  text-shadow:none!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart #paymentGatewaysContainer,
html[data-od-theme="light"] body #main-body #order-standard_cart #paymentGatewaysContainer label,
html[data-od-theme="light"] body #main-body #order-standard_cart #paymentGatewaysContainer .text-muted{
  color:#455266!important;
  opacity:1!important;
}

/* ========================================================================== 
   DOMAIN + SERVICE RENEWALS
   Legacy custom.css deliberately forces these blocks dark. These rules only
   replace that behavior when the user has selected Light mode.
   ========================================================================== */
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewals,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewals,
html[data-od-theme="light"] body #main-body #order-standard_cart .addon-renewals{
  background:#ffffff!important;
  border-color:#d5dfeb!important;
  color:#344054!important;
  box-shadow:0 8px 24px rgba(24,35,53,.045)!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewals,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewals{
  border:1px solid #d5dfeb!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewals .domain-renewal,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewals .service-renewal,
html[data-od-theme="light"] body #main-body #order-standard_cart .addon-renewals .service-renewal{
  background:#ffffff!important;
  border-color:#dbe3ed!important;
  color:#344054!important;
  box-shadow:none!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewals .domain-renewal:nth-child(even),
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewals .service-renewal:nth-child(even),
html[data-od-theme="light"] body #main-body #order-standard_cart .addon-renewals .service-renewal:nth-child(even){
  background:#f8fafc!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal h3,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal h3{
  color:#1d2939!important;
  opacity:1!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal p,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal p,
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .control-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .control-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .div-renewal-period-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .div-renewal-period-label{
  color:#526174!important;
  opacity:1!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .control-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .control-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .div-renewal-period-label,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .div-renewal-period-label{
  font-weight:700!important;
  color:#3f4d61!important;
}

html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal select.form-control,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal select.form-control,
html[data-od-theme="light"] body #main-body #order-standard_cart .select-renewal-pricing{
  background:#fff!important;
  color:#273244!important;
  border-color:#c8d4e2!important;
  box-shadow:none!important;
}

/* Renewal action should read as a clear CTA rather than a leftover dark button. */
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .btn-add-renewal-to-cart,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .btn-add-renewal-to-cart{
  background:linear-gradient(100deg,#3d86ff,#7141f4)!important;
  border-color:#5f63ee!important;
  color:#fff!important;
  border-radius:9px!important;
  font-weight:700!important;
  box-shadow:0 7px 18px rgba(75,72,255,.14)!important;
}
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .btn-add-renewal-to-cart:hover,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .btn-add-renewal-to-cart:hover{
  filter:brightness(1.05)!important;
  color:#fff!important;
}

/* Preserve badge semantics and contrast inside the now-light renewal cards. */
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewal .label,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewal .label{
  color:#fff!important;
  opacity:1!important;
  font-weight:700!important;
}

/* Search/filter controls on renewal screens. */
html[data-od-theme="light"] body #main-body #order-standard_cart .domain-renewals-filter,
html[data-od-theme="light"] body #main-body #order-standard_cart .service-renewals-filter{
  color:#273244!important;
  border-color:#cbd6e3!important;
}

/* The order summary already worked in V4.6; keep its light surface explicit on
   renewal pages so no dark utility class can bleed back in. */
html[data-od-theme="light"] body #main-body #order-standard_cart #orderSummary .order-summary,
html[data-od-theme="light"] body #main-body #order-standard_cart #orderSummary .summary-container{
  background:#fff!important;
  border-color:#d5dfeb!important;
  color:#344054!important;
}

@media (max-width:767px){
  html[data-od-theme="light"] body #main-body #order-standard_cart #containerExistingAccountSelect.account-select-container{
    border-radius:12px!important;
  }
}