/* ══════════════════════════════════════════════════════════════════════
   LEVELUPERU — Order Form / Cart skin
   ----------------------------------------------------------------------
   Punto de extension oficial de WHMCS: standard_cart/common.tpl carga
   all.min.css y despues este archivo, por lo que aqui SI ganamos la
   cascada sin pelear con !important contra el CSS base de Bootstrap.

   Cubre: registro/transferencia de dominio, configurar producto,
          ver carrito y checkout.
   ══════════════════════════════════════════════════════════════════════ */

#order-standard_cart {
  /* Marca */
  --lv-yellow:      #FFE600;
  --lv-yellow-dark: #E6CF00;
  --lv-yellow-bg:   rgba(255, 230, 0, .10);
  --lv-ink:         #0A0A0A;

  /* Superficies — escala de profundidad, no valores sueltos */
  --lv-bg-0: #0C0C0E;
  --lv-bg-1: #131316;
  --lv-bg-2: #1A1A1E;
  --lv-bg-3: #222227;

  /* Texto */
  --lv-tx-hi:  #FFFFFF;
  --lv-tx:     rgba(255, 255, 255, .78);
  --lv-tx-mid: rgba(255, 255, 255, .52);
  --lv-tx-low: rgba(255, 255, 255, .34);

  /* Bordes */
  --lv-bd:    rgba(255, 255, 255, .09);
  --lv-bd-hi: rgba(255, 255, 255, .16);

  /* Semanticos */
  --lv-ok:     #4ADE80;
  --lv-ok-bg:  rgba(74, 222, 128, .10);
  --lv-err:    #F87171;
  --lv-err-bg: rgba(248, 113, 113, .10);

  /* Escala */
  --lv-r:    10px;
  --lv-r-lg: 14px;
  --lv-gap:  14px;
  --lv-t:    .16s ease;

  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: var(--lv-tx);
}

/* ── Reset de fondos claros heredados de Bootstrap ─────────────────── */
#order-standard_cart .bg-white,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .well,
#order-standard_cart .list-group,
#order-standard_cart .list-group-item {
  background: transparent;
  background-color: transparent;
  border-color: var(--lv-bd);
  color: var(--lv-tx);
  box-shadow: none;
}

/* ══ LAYOUT ════════════════════════════════════════════════════════ */

#order-standard_cart .cart-sidebar {
  width: 240px;
  padding: 0;
  margin-right: 24px;
}
#order-standard_cart .cart-body {
  float: none;
  width: auto;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 991px) {
  #order-standard_cart .cart-sidebar {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
}

#order-standard_cart .header-lined {
  border-bottom: 1px solid var(--lv-bd);
  padding-bottom: 11px;
  margin-bottom: 8px;
  background: none;
}
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
  color: var(--lv-tx-hi);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0;
}
#order-standard_cart > .row > .cart-body > p {
  color: var(--lv-tx-mid);
  font-size: 12.5px;
  margin-bottom: 14px;
}

/* ══ SIDEBAR ═══════════════════════════════════════════════════════ */

#order-standard_cart .card-sidebar,
#order-standard_cart .panel-sidebar {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  overflow: hidden;
  margin-bottom: 12px;
}
#order-standard_cart .card-sidebar .panel-heading,
#order-standard_cart .card-sidebar .card-header {
  background: transparent;
  border-bottom: 1px solid var(--lv-bd);
  padding: 13px 16px;
}
#order-standard_cart .card-sidebar .panel-title {
  color: var(--lv-tx-mid);
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
/* El chevron flotado de six partia el titulo ("CATEGORIA S") */
#order-standard_cart .card-sidebar .panel-title .card-minimise,
#order-standard_cart .card-sidebar .panel-title .panel-minimise {
  float: none;
  margin-left: auto;
}
#order-standard_cart .card-sidebar .panel-title i:first-child { color: var(--lv-yellow); }
#order-standard_cart .card-minimise,
#order-standard_cart .panel-minimise { color: var(--lv-tx-low); font-size: 11px; }

#order-standard_cart .card-sidebar .list-group { padding: 6px; }
#order-standard_cart .card-sidebar .list-group-item {
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--lv-tx-mid);
  font-size: 13px;
  font-weight: 500;
  padding: 9px 12px;
  transition: background var(--lv-t), color var(--lv-t);
}
#order-standard_cart .card-sidebar .list-group-item:hover {
  background: rgba(255, 255, 255, .05);
  color: var(--lv-tx-hi);
}
#order-standard_cart .card-sidebar .list-group-item.active {
  background: var(--lv-yellow-bg);
  color: var(--lv-yellow);
  font-weight: 700;
}
#order-standard_cart .card-sidebar .list-group-item.active i { color: var(--lv-yellow); }

/* Panel de divisa: solo tenemos PEN, es ruido */
#order-standard_cart .cart-sidebar > div:last-child:has(select[name="currency"]),
#order-standard_cart form[action*="currency"],
#order-standard_cart select[name="currency"] { display: none; }

/* ══ BUSCADOR ══════════════════════════════════════════════════ */

#order-standard_cart .domain-checker-bg {
  background: var(--lv-bg-1);
  background-image: none;
  border: 1px solid var(--lv-bd-hi);
  border-radius: var(--lv-r-lg);
  padding: 16px;
  margin-bottom: var(--lv-gap);
}

/* La caja interior pasa a ser el contenedor flex real.
   all.min.css posiciona el boton en absolute (top:74px) y le da a la
   textarea un ancho fijo de 592px; ambas cosas se anulan aqui. */
#order-standard_cart .domain-checker-container .input-group-box {
  background: transparent;
  border-radius: 0;
  padding: 0;
  width: 100%;
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#order-standard_cart .domain-checker-advanced textarea,
#order-standard_cart .domain-checker-container.domain-checker-advanced textarea,
#order-standard_cart #message {
  order: 1;
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  height: 62px;
  background: var(--lv-bg-0);
  border: 1.5px solid var(--lv-bd-hi);
  border-radius: var(--lv-r);
  color: var(--lv-tx-hi);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.45;
  padding: 11px 14px;
  resize: none;
  transition: border-color var(--lv-t), box-shadow var(--lv-t);
}
#order-standard_cart .domain-checker-advanced textarea::placeholder,
#order-standard_cart #message::placeholder { color: var(--lv-tx-low); }
#order-standard_cart .domain-checker-advanced textarea:focus,
#order-standard_cart #message:focus {
  border-color: var(--lv-yellow);
  box-shadow: 0 0 0 3px var(--lv-yellow-bg);
  outline: none;
}

/* Fila de controles: filtros a la izquierda, boton a la derecha */
#order-standard_cart .input-group-box > .btn-group,
#order-standard_cart .input-group-box > .multiselect-native-select { order: 2; margin: 0; }
#order-standard_cart .input-group-box > label { order: 3; margin: 0 0 0 4px; }

#order-standard_cart .domain-checker-container.domain-checker-advanced #btnCheckAvailability,
#order-standard_cart .domain-checker-advanced #btnCheckAvailability,
#order-standard_cart #btnCheckAvailability {
  position: static;
  right: auto;
  top: auto;
  order: 4;
  margin-left: auto;
  padding: 9px 22px;
  font-size: 13.5px;
  white-space: nowrap;
}

#order-standard_cart .domain-checker-advanced .multiselect,
#order-standard_cart .btn-group .multiselect {
  background: var(--lv-bg-2);
  border: 1px solid var(--lv-bd);
  border-radius: 7px;
  color: var(--lv-tx-mid);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 11px;
  margin: 0;
}
#order-standard_cart .domain-checker-advanced .multiselect:hover {
  border-color: var(--lv-bd-hi);
  color: var(--lv-tx-hi);
}
#order-standard_cart .multiselect-container {
  background: var(--lv-bg-2);
  border: 1px solid var(--lv-bd-hi);
  border-radius: var(--lv-r);
  padding: 6px;
}
#order-standard_cart .multiselect-container > li > a,
#order-standard_cart .multiselect-container label {
  color: var(--lv-tx);
  font-size: 13px;
  border-radius: 6px;
}
#order-standard_cart .multiselect-container > li > a:hover { background: rgba(255, 255, 255, .06); }
#order-standard_cart .multiselect-container > li.active > a { background: var(--lv-yellow-bg); color: var(--lv-yellow); }
#order-standard_cart .domain-checker-advanced label,
#order-standard_cart .domain-checker-bg > form label {
  color: var(--lv-tx-mid);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
#order-standard_cart input[type="checkbox"] { accent-color: var(--lv-yellow); margin-right: 5px; }

/* ══ BOTONES ═══════════════════════════════════════════════════════ */

#order-standard_cart .btn {
  font-family: inherit;
  font-weight: 700;
  border-radius: 8px;
  transition: background var(--lv-t), border-color var(--lv-t), color var(--lv-t);
}

/* Primario / accion principal — amarillo marca */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-warning,
#order-standard_cart .btn-success,
#order-standard_cart .btn-cart,
#order-standard_cart .domain-check-availability,
#order-standard_cart #btnCheckAvailability {
  background: var(--lv-yellow);
  background-image: none;
  border: 1px solid var(--lv-yellow);
  color: var(--lv-ink);
  text-shadow: none;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-warning:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-cart:hover,
#order-standard_cart .domain-check-availability:hover,
#order-standard_cart #btnCheckAvailability:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-cart:focus {
  background: var(--lv-yellow-dark);
  border-color: var(--lv-yellow-dark);
  color: var(--lv-ink);
}
#order-standard_cart #btnCheckAvailability { padding: 11px 26px; font-size: 14px; }

/* Secundario / neutro */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary {
  background: var(--lv-bg-3);
  border: 1px solid var(--lv-bd-hi);
  color: var(--lv-tx);
}
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover {
  background: var(--lv-bg-2);
  border-color: var(--lv-yellow);
  color: var(--lv-yellow);
}

/* Estado "ya en el carrito" */
#order-standard_cart .btn-cart.added,
#order-standard_cart .btn.added {
  background: var(--lv-ok-bg);
  border-color: var(--lv-ok);
  color: var(--lv-ok);
}
#order-standard_cart .btn[disabled],
#order-standard_cart .btn.disabled { opacity: .35; cursor: not-allowed; }

/* ══ RESULTADO DE BUSQUEDA ═════════════════════════════════════════ */

#order-standard_cart #DomainSearchResults { margin-top: var(--lv-gap); }

#order-standard_cart .primary-domain-header {
  color: var(--lv-tx-low);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .11em;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--lv-bd);
  margin-bottom: 12px;
}
#order-standard_cart .primary-domain-header i { color: var(--lv-yellow); }

#order-standard_cart .domain-checker-result-headline {
  text-align: center;
  padding: 2px 0 14px;
}
#order-standard_cart .domain-checker-available,
#order-standard_cart .domain-available {
  color: var(--lv-ok);
  font-size: 21px;
  font-weight: 700;
}
#order-standard_cart .domain-checker-available strong,
#order-standard_cart .domain-available strong { color: var(--lv-ok); }
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-unavailable,
#order-standard_cart .domain-error { color: var(--lv-err); font-size: 17px; font-weight: 600; }
#order-standard_cart .domain-checker-unavailable strong { color: var(--lv-err); }
#order-standard_cart .domain-checker-invalid { color: var(--lv-tx-mid); font-size: 14px; }
#order-standard_cart .domain-lookup-loader { color: var(--lv-tx-mid); }
#order-standard_cart .fa-spinner { color: var(--lv-yellow); }
#order-standard_cart #searchDomainInfo .domain-price,
#order-standard_cart .domain-price { color: var(--lv-tx-hi); font-size: 19px; font-weight: 700; }

/* ══ SPOTLIGHT TLDs — las 3 tarjetas de extensiones ════════════ */

/* all.min.css las flota con width:50% (regla que pisa al 33.3%) y les
   fija height:112px. Se reemplaza por un grid que reparte solo. */
#order-standard_cart .spotlight-tlds {
  background: transparent;
  margin: 0 0 var(--lv-gap);
  padding: 0;
}
#order-standard_cart .spotlight-tlds-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 0;
}
#order-standard_cart .spotlight-tld-container,
#order-standard_cart .spotlight-tld-container-1,
#order-standard_cart .spotlight-tld-container-2,
#order-standard_cart .spotlight-tld-container-3,
#order-standard_cart .spotlight-tld-container-4,
#order-standard_cart .spotlight-tld-container-5,
#order-standard_cart .spotlight-tld-container-6,
#order-standard_cart .spotlight-tld-container-7,
#order-standard_cart .spotlight-tld-container-8 {
  float: none;
  width: auto;
  padding: 0;
}
#order-standard_cart .spotlight-tld {
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 13px 12px;
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r);
  color: var(--lv-tx-hi);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  overflow: visible;
  transition: border-color var(--lv-t), background var(--lv-t);
}
#order-standard_cart .spotlight-tld:hover {
  border-color: var(--lv-yellow);
  background: var(--lv-bg-2);
}
#order-standard_cart .spotlight-tld span { display: block; padding: 0; font-weight: 400; }
#order-standard_cart .spotlight-tld .price,
#order-standard_cart .spotlight-tld .available.price {
  color: var(--lv-yellow);
  font-size: 14px;
  font-weight: 700;
  background: none;
}
#order-standard_cart .spotlight-tld .domain-lookup-result { width: 100%; }
#order-standard_cart .spotlight-tld .domain-lookup-spotlight-loader { line-height: 1; font-size: 1em; }

/* Boton dentro de la tarjeta — all.min.css lo pinta gris #555 */
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
  width: 100%;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 7px;
  background: var(--lv-yellow);
  border-color: var(--lv-yellow);
  color: var(--lv-ink);
  font-weight: 700;
}
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover {
  background: var(--lv-yellow-dark);
  border-color: var(--lv-yellow-dark);
}
/* No disponible / invalido — sin el margin:32px que estiraba la tarjeta */
#order-standard_cart .spotlight-tld .invalid,
#order-standard_cart .spotlight-tld .unavailable {
  margin: 0;
  background: var(--lv-bg-3);
  border-color: var(--lv-bd-hi);
  color: var(--lv-tx-low);
  cursor: not-allowed;
}
#order-standard_cart .spotlight-tld .domain-contact-support { margin: 0; }
/* Cintas NEW / SALE / HOT */
#order-standard_cart .spotlight-tld-new,
#order-standard_cart .spotlight-tld-sale,
#order-standard_cart .spotlight-tld-hot { font-size: 8px; }
#order-standard_cart .spotlight-tld-sale { background: var(--lv-yellow); color: var(--lv-ink); }

/* ══ DOMINIOS SUGERIDOS ════════════════════════════════════════════ */

#order-standard_cart .suggested-domains {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  overflow: hidden;
  margin-bottom: var(--lv-gap);
}
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
  background: rgba(255, 255, 255, .03);
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx-mid);
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 10px 18px;
}
#order-standard_cart .suggested-domains .panel-body,
#order-standard_cart .suggested-domains .card-body {
  background: transparent;
  color: var(--lv-tx-low);
  font-size: 12.5px;
  padding: 12px 18px;
  text-align: center;
}
#order-standard_cart .domain-suggestion,
#order-standard_cart .suggested-domain {
  border-bottom: 1px solid var(--lv-bd);
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: background var(--lv-t);
}
#order-standard_cart .domain-suggestion:last-child { border-bottom: none; }
#order-standard_cart .domain-suggestion:hover { background: rgba(255, 230, 0, .035); }
#order-standard_cart .domain-suggestion .domain { color: var(--lv-tx-hi); font-weight: 600; }
#order-standard_cart .domain-suggestion .price { color: var(--lv-yellow); font-weight: 700; }
/* Nota bajo el bloque de sugerencias */
#order-standard_cart .suggested-domains + p,
#order-standard_cart .domain-suggestions-note { color: var(--lv-tx-low); font-size: 11.5px; }

/* ══ FEATURED TLD ══════════════════════════════════════════════════ */

#order-standard_cart .featured-tlds-container { margin: 0 0 var(--lv-gap); }
#order-standard_cart .featured-tld {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  box-shadow: none;
  overflow: hidden;
  transition: border-color var(--lv-t);
}
#order-standard_cart .featured-tld:hover { border-color: var(--lv-yellow); }
#order-standard_cart .featured-tld .img-container {
  background: rgba(255, 255, 255, .03);
  height: auto;
  line-height: normal;
  padding: 20px 0;
}
#order-standard_cart .featured-tld .img-container img {
  max-height: 30px;
  filter: brightness(0) invert(1);
  opacity: .85;
}
#order-standard_cart .featured-tld .price,
#order-standard_cart .featured-tld .price.com,
#order-standard_cart .featured-tld .price.pe,
#order-standard_cart .featured-tld .price.net,
#order-standard_cart .featured-tld .price.org,
#order-standard_cart .featured-tld .price.blog {
  background: transparent;
  border-top: 1px solid var(--lv-bd);
  color: var(--lv-yellow);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  padding: 12px 10px;
  border-radius: 0;
}

/* ══ TABLA DE PRECIOS TLD ══════════════════════════════════════════ */

#order-standard_cart h4.font-size-18 {
  color: var(--lv-tx-hi);
  font-size: 14px;
  font-weight: 700;
  margin: 20px 0 10px;
}

#order-standard_cart .tld-filters {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
#order-standard_cart .tld-filters .badge {
  background: var(--lv-bg-2);
  border: 1px solid var(--lv-bd);
  color: var(--lv-tx-mid);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--lv-t);
}
#order-standard_cart .tld-filters .badge:hover {
  border-color: var(--lv-bd-hi);
  color: var(--lv-tx-hi);
}
#order-standard_cart .tld-filters .badge.active,
#order-standard_cart .tld-filters .badge.selected {
  background: var(--lv-yellow);
  border-color: var(--lv-yellow);
  color: var(--lv-ink);
}

#order-standard_cart .bg-white {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  overflow: hidden;
}
#order-standard_cart .tld-pricing-header {
  background: rgba(255, 255, 255, .035);
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx-low);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 11px 0;
}
#order-standard_cart .tld-pricing-header .tld-column { color: var(--lv-tx-low); }
#order-standard_cart .tld-row {
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx);
  font-size: 13.5px;
  padding: 10px 0;
  transition: background var(--lv-t);
}
#order-standard_cart .tld-row:last-child { border-bottom: none; }
#order-standard_cart .tld-row:hover,
#order-standard_cart .tld-row.highlighted { background: rgba(255, 230, 0, .04); }
#order-standard_cart .tld-row strong { color: var(--lv-tx-hi); font-weight: 700; }
#order-standard_cart .tld-row small { color: var(--lv-tx-low); font-size: 11px; display: block; }
#order-standard_cart .tld-sale-group-hot,
#order-standard_cart .tld-sale-group-sale,
#order-standard_cart .tld-sale-group-new {
  border-radius: 20px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  padding: 2px 8px;
}
#order-standard_cart .tld-sale-group-sale { background: var(--lv-yellow); color: var(--lv-ink); }

/* ══ PROMO BOXES (Anadir hosting / Transferir dominio) ═════════════ */

#order-standard_cart .domain-promo-box {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  padding: 16px 18px;
  margin-top: var(--lv-gap);
  height: 100%;
  transition: border-color var(--lv-t);
}
#order-standard_cart .domain-promo-box:hover { border-color: var(--lv-bd-hi); }
#order-standard_cart .domain-promo-box h3 {
  color: var(--lv-tx-hi);
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 5px;
  white-space: normal;
}
#order-standard_cart .domain-promo-box p { color: var(--lv-tx-mid); font-size: 12.5px; line-height: 1.55; margin: 0 0 4px; }
#order-standard_cart .domain-promo-box p.small { color: var(--lv-tx-low); font-size: 11px; margin-top: 8px; }
#order-standard_cart .domain-promo-box .fa-4x {
  color: var(--lv-yellow);
  font-size: 22px;
  opacity: .85;
  float: right;
  margin-left: 10px;
}
/* Los subtitulos venian en naranja/azul de Bootstrap */
#order-standard_cart .domain-promo-box .text-warning,
#order-standard_cart .domain-promo-box .text-primary,
#order-standard_cart .text-warning,
#order-standard_cart .text-primary { color: var(--lv-yellow); }
#order-standard_cart .domain-promo-box .btn { margin-top: 10px; font-size: 12.5px; padding: 7px 16px; }

/* ══ VER CARRITO / RESUMEN / CHECKOUT ══════════════════════════════ */

#order-standard_cart .cart-items,
#order-standard_cart #cartSummary,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  overflow: hidden;
}
#order-standard_cart .summary-container .panel-heading,
#order-standard_cart .order-summary .panel-heading {
  background: rgba(255, 255, 255, .03);
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx-hi);
  font-weight: 700;
}
#order-standard_cart .cart-items .item,
#order-standard_cart .summary-container .item {
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx);
  padding: 14px 16px;
}
#order-standard_cart .cart-items .item:last-child { border-bottom: none; }
#order-standard_cart .item-title,
#order-standard_cart .cart-items .item strong { color: var(--lv-tx-hi); }
#order-standard_cart .total-due-today,
#order-standard_cart .summary-totals .total {
  background: var(--lv-yellow-bg);
  border-top: 1px solid var(--lv-yellow);
  color: var(--lv-tx-hi);
  font-weight: 800;
  padding: 14px 16px;
}
#order-standard_cart .total-due-today .amount { color: var(--lv-yellow); }
#order-standard_cart .prod-total,
#order-standard_cart .cart-total { color: var(--lv-yellow); font-weight: 700; }

/* ══ FORMULARIOS ═══════════════════════════════════════════════════ */

#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea {
  background: var(--lv-bg-0);
  border: 1px solid var(--lv-bd-hi);
  border-radius: 8px;
  color: var(--lv-tx-hi);
  font-family: inherit;
  font-size: 13.5px;
  padding: 9px 13px;
  box-shadow: none;
  transition: border-color var(--lv-t), box-shadow var(--lv-t);
}
#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
  background: var(--lv-bg-0);
  border-color: var(--lv-yellow);
  box-shadow: 0 0 0 3px var(--lv-yellow-bg);
  color: var(--lv-tx-hi);
  outline: none;
}
#order-standard_cart .form-control::placeholder { color: var(--lv-tx-low); }
#order-standard_cart select option { background: var(--lv-bg-2); color: var(--lv-tx-hi); }
#order-standard_cart label,
#order-standard_cart .control-label { color: var(--lv-tx); font-size: 13px; font-weight: 600; }
#order-standard_cart .help-block { color: var(--lv-tx-low); font-size: 11.5px; }

/* ══ ALERTAS ═══════════════════════════════════════════════════════ */

#order-standard_cart .alert {
  border-radius: var(--lv-r);
  border: 1px solid;
  font-size: 13px;
  padding: 12px 16px;
}
#order-standard_cart .alert-success { background: var(--lv-ok-bg);  border-color: var(--lv-ok);  color: var(--lv-ok); }
#order-standard_cart .alert-danger,
#order-standard_cart .alert-error   { background: var(--lv-err-bg); border-color: var(--lv-err); color: var(--lv-err); }
#order-standard_cart .alert-warning,
#order-standard_cart .alert-info    { background: var(--lv-yellow-bg); border-color: rgba(255,230,0,.35); color: var(--lv-tx-hi); }

/* ══ MISC ══════════════════════════════════════════════════════════ */

#order-standard_cart a { color: var(--lv-yellow); }
#order-standard_cart a:hover { color: var(--lv-yellow-dark); }
#order-standard_cart hr { border-color: var(--lv-bd); }
#order-standard_cart .text-muted,
#order-standard_cart small { color: var(--lv-tx-low); }
#order-standard_cart h1, #order-standard_cart h2, #order-standard_cart h3,
#order-standard_cart h4, #order-standard_cart h5 { color: var(--lv-tx-hi); }

/* La tabla de precios necesita scroll propio en movil, nunca el body */
#order-standard_cart .bg-white { overflow-x: auto; }

/* ══ RESPONSIVE ═══════════════════════════════════════════════ */

/* Tablet: el sidebar pasa arriba y sus paneles se reparten en fila */
@media (max-width: 991px) {
  #order-standard_cart .cart-sidebar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  #order-standard_cart .card-sidebar,
  #order-standard_cart .panel-sidebar { flex: 1 1 220px; margin-bottom: 0; }
  /* Las promo llenan el ancho una debajo de otra */
  #order-standard_cart .domain-promo-box .fa-4x { font-size: 20px; }
}

/* Movil: nada de anchos fijos, el buscador apila boton a lo ancho */
@media (max-width: 575px) {
  #order-standard_cart .header-lined h1,
  #order-standard_cart .header-lined .font-size-36 { font-size: 19px; }

  #order-standard_cart .domain-checker-bg { padding: 13px; }
  #order-standard_cart .domain-checker-advanced textarea,
  #order-standard_cart #message { height: 70px; font-size: 13.5px; }
  /* El boton ocupa toda la fila para ser buen objetivo tactil */
  #order-standard_cart #btnCheckAvailability {
    flex: 1 1 100%;
    margin-left: 0;
    padding: 11px 20px;
  }
  #order-standard_cart .input-group-box > label { margin-left: 0; }

  /* Dos por fila en vez de tres — nunca una sola apilada */
  #order-standard_cart .spotlight-tlds-container {
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
  }
  #order-standard_cart .spotlight-tld { padding: 11px 8px; font-size: 13px; }

  #order-standard_cart .domain-promo-box { padding: 14px; }
  #order-standard_cart .domain-promo-box h3 { font-size: 14px; }
  #order-standard_cart .domain-promo-box .fa-4x { font-size: 18px; }

  #order-standard_cart .domain-checker-available,
  #order-standard_cart .domain-available { font-size: 17px; }
  #order-standard_cart .domain-price { font-size: 16px; }

  #order-standard_cart .tld-row { font-size: 12.5px; }
  #order-standard_cart .tld-filters .badge { padding: 5px 11px; font-size: 11px; }
}

/* Pantallas muy angostas: que el precio y el boton no se aprieten */
@media (max-width: 359px) {
  #order-standard_cart .spotlight-tlds-container { grid-template-columns: 1fr 1fr; }
}

/* Respetar reduccion de movimiento */
@media (prefers-reduced-motion: reduce) {
  #order-standard_cart * { transition: none !important; }
}


/* ── Contraste: medido por debajo de 2:1 en la revision final ───────── */
#order-standard_cart > .row > .cart-body > p { color: var(--lv-tx); }
#order-standard_cart .domain-checker-advanced label,
#order-standard_cart .domain-checker-bg > form label { color: var(--lv-tx); }
#order-standard_cart .domain-checker-advanced textarea::placeholder,
#order-standard_cart #message::placeholder { color: var(--lv-tx-mid); }
