/*
 * YCW Portal RC36 | Orderform visual finishing
 * Presentation only. The native WHMCS pricing-select onchange, name, id,
 * form submissions, gateway markup and visibility classes remain untouched.
 */

/* Product configuration: keep the selected billing period visually legible.
 * The native dropdown retains its keyboard and screen-reader semantics. */
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct #inputBillingcycle,
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct select.form-control,
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct .product-configurable-options select {
  box-sizing:border-box!important;
  display:block;
  min-height:52px;
  width:100%;
  max-width:100%;
  padding:12px 44px 12px 16px!important;
  background-color:#17263a!important;
  color:#edf4ff!important;
  border:1px solid #4a5e79!important;
  border-radius:12px!important;
  -webkit-text-fill-color:#edf4ff;
  opacity:1!important;
  color-scheme:dark;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d5e2f2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 15px center!important;
  background-size:18px 18px!important;
  appearance:none;
  -webkit-appearance:none;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct select option {
  background:#19283b!important;
  color:#edf4ff!important;
  -webkit-text-fill-color:#edf4ff;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct select:focus-visible {
  outline:2px solid #ff985f!important;
  outline-offset:2px;
  border-color:#ff985f!important;
  box-shadow:0 0 0 4px rgba(255,110,30,.13)!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of #frmConfigureProduct select:disabled {
  background-color:#243247!important;
  color:#b0bdd0!important;
  -webkit-text-fill-color:#b0bdd0;
  opacity:.75!important;
}

/* Checkout reassurance section: use coherent dark surfaces. The RC7 source
 * had hardcoded white backgrounds and pale text when dark mode was selected. */
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance {
  background:#1c2a3e!important;
  border:1px solid #3b4e68!important;
  box-shadow:0 16px 34px rgba(0,0,0,.14)!important;
  color:#edf4ff!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item {
  background:#22334a!important;
  border:1px solid #405470!important;
  color:#edf4ff!important;
  box-shadow:none!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-intro h2,
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item h3 {
  color:#eff5ff!important;
  -webkit-text-fill-color:#eff5ff!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-intro p,
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item p {
  color:#bfcee1!important;
  -webkit-text-fill-color:#bfcee1!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-eyebrow {
  color:#ff9a63!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item ul {
  border-top-color:#405470!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item li {
  color:#dbe6f5!important;
  -webkit-text-fill-color:#dbe6f5!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-icon--safe {
  background:#3e3029!important;
  color:#ff9c67!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-icon--support {
  background:#273c5b!important;
  color:#83b4ff!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-icon--expertise {
  background:#1c4038!important;
  color:#82e9bd!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item li svg {
  color:#79dfae!important;
}
/* Preserve the accessible light palette for PDF/print output even if dark is selected. */
@media print {
  html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance,
  html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page .ycw-order-assurance-item {
    background:#fff!important;
    border-color:#dae4ee!important;
    color:#142743!important;
    box-shadow:none!important;
  }
  html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page :is(.ycw-order-assurance-intro h2,.ycw-order-assurance-item h3) {
    color:#142743!important;
    -webkit-text-fill-color:#142743!important;
  }
  html[data-ycw-theme='dark'] body.ycw-portal #order-ycw-of.ycw-checkout-page :is(.ycw-order-assurance-intro p,.ycw-order-assurance-item p,.ycw-order-assurance-item li) {
    color:#445771!important;
    -webkit-text-fill-color:#445771!important;
  }
}