/* ══════════════════════════════════════════════════════════════════════
   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;
  --lv-yellow-ink:  #FFE600;   /* amarillo cuando va como TEXTO (en claro se oscurece) */
  --lv-soft:        var(--lv-soft); /* hover / relleno sutil */
  --lv-img-filter:  brightness(0) invert(1);

  /* 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;
}

/* ── MODO CLARO ──────────────────────────────────────────────────────
   main.css alterna <html data-theme="light|dark"> (y respeta
   prefers-color-scheme cuando no hay preferencia guardada). El skin
   del carrito nacio solo oscuro: en claro el texto blanco desaparecia
   sobre el fondo crema. Aqui se remapean los tokens; el resto del
   archivo no cambia. */
:root[data-theme="light"] #order-standard_cart {
  --lv-yellow-ink:  #7A6600;
  --lv-yellow-bg:   rgba(255, 230, 0, .18);
  --lv-soft:        rgba(10, 10, 10, .04);
  --lv-img-filter:  none;
  --lv-bg-0: #FFFFFF;
  --lv-bg-1: #F7F7F3;
  --lv-bg-2: #EFEFE9;
  --lv-bg-3: #E4E4DE;
  --lv-tx-hi:  #0A0A0A;
  --lv-tx:     rgba(10, 10, 10, .82);
  --lv-tx-mid: rgba(10, 10, 10, .60);
  --lv-tx-low: rgba(10, 10, 10, .45);
  --lv-bd:    rgba(10, 10, 10, .10);
  --lv-bd-hi: rgba(10, 10, 10, .22);
  --lv-ok:     #15803D;
  --lv-ok-bg:  rgba(21, 128, 61, .10);
  --lv-err:    #B91C1C;
  --lv-err-bg: rgba(185, 28, 28, .10);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #order-standard_cart {
    --lv-yellow-ink:  #7A6600;
    --lv-yellow-bg:   rgba(255, 230, 0, .18);
    --lv-soft:        rgba(10, 10, 10, .04);
    --lv-img-filter:  none;
    --lv-bg-0: #FFFFFF;
    --lv-bg-1: #F7F7F3;
    --lv-bg-2: #EFEFE9;
    --lv-bg-3: #E4E4DE;
    --lv-tx-hi:  #0A0A0A;
    --lv-tx:     rgba(10, 10, 10, .82);
    --lv-tx-mid: rgba(10, 10, 10, .60);
    --lv-tx-low: rgba(10, 10, 10, .45);
    --lv-bd:    rgba(10, 10, 10, .10);
    --lv-bd-hi: rgba(10, 10, 10, .22);
    --lv-ok:     #15803D;
    --lv-ok-bg:  rgba(21, 128, 61, .10);
    --lv-err:    #B91C1C;
    --lv-err-bg: rgba(185, 28, 28, .10);
  }
}

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

/* main.css define .sidebar (barra fija del area de cliente) y el carrito
   usa .cart-sidebar.sidebar: se anula esa herencia aqui. El sidebar se ve
   desde 992px; por debajo lo reemplazan los selectores (.sidebar-collapsed). */
#order-standard_cart .cart-sidebar.sidebar,
#order-standard_cart .cart-sidebar {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  top: auto !important;
  flex-direction: column !important;
}
@media (min-width: 992px) {
  #order-standard_cart .cart-sidebar { display: block !important; }
  #order-standard_cart .sidebar-collapsed { display: none !important; }
}
@media (max-width: 991px) {
  #order-standard_cart .cart-sidebar { display: none !important; }
  #order-standard_cart .cart-body { width: 100%; float: none; }
}
/* Selectores compactos en movil/tablet: una fila de selects con etiqueta */
#order-standard_cart .sidebar-collapsed {
  margin: 0 0 16px;
  padding: 0;
  border-radius: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  align-items: end;
}
#order-standard_cart .sidebar-collapsed::after { display: none; }
#order-standard_cart .sidebar-collapsed .panel,
#order-standard_cart .sidebar-collapsed .panel.panel-default {
  background: transparent; border: 0; border-radius: 0; margin: 0; padding: 0; box-shadow: none; overflow: visible;
}
#order-standard_cart .sidebar-collapsed .panel-heading {
  background: transparent !important; border: 0 !important; padding: 0 0 5px !important;
}
#order-standard_cart .sidebar-collapsed h3,
#order-standard_cart .sidebar-collapsed .panel-title {
  color: var(--lv-tx-low); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin: 0; font-family: inherit;
  display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;
}
#order-standard_cart .sidebar-collapsed .panel-title i { color: var(--lv-yellow-ink); margin-right: 2px; }
#order-standard_cart .sidebar-collapsed .panel-body { padding: 0 !important; background: transparent !important; }
#order-standard_cart .sidebar-collapsed .panel-footer { display: none; }
#order-standard_cart .sidebar-collapsed .form-control { height: 38px; font-size: 13px !important; }
#order-standard_cart .sidebar-collapsed .pull-right,
#order-standard_cart .sidebar-collapsed .float-right { float: none; }
#order-standard_cart .sidebar-collapsed .form-inline .form-control { width: 100%; }

#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-ink); }
#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: var(--lv-soft);
  color: var(--lv-tx-hi);
}
#order-standard_cart .card-sidebar .list-group-item.active {
  background: var(--lv-yellow-bg);
  color: var(--lv-yellow-ink);
  font-weight: 700;
}
#order-standard_cart .card-sidebar .list-group-item.active i { color: var(--lv-yellow-ink); }

/* 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: 86px;
  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-ink);
  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: var(--lv-soft); }
#order-standard_cart .multiselect-container > li.active > a { background: var(--lv-yellow-bg); color: var(--lv-yellow-ink); }
#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-ink); 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-ink);
  color: var(--lv-yellow-ink);
}

/* 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-ink); }

#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-ink); }
#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-ink);
  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-ink);
  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-ink);
  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: var(--lv-soft);
  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-ink); 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-ink); }
#order-standard_cart .featured-tld .img-container {
  background: var(--lv-soft);
  height: auto;
  line-height: normal;
  padding: 20px 0;
}
#order-standard_cart .featured-tld .img-container img {
  max-height: 30px;
  filter: var(--lv-img-filter);
  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-ink);
  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-ink);
  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-ink);
  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-ink); }
#order-standard_cart .domain-promo-box .btn { margin-top: 10px; font-size: 12.5px; padding: 7px 16px; }

/* ══ 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-ink);
  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-ink); }
#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 TLD necesita scroll propio en movil, nunca el body */
#order-standard_cart .tld-pricing-overview,
#order-standard_cart .table-responsive { overflow-x: auto; }
#order-standard_cart .addon-promo-container.bg-white, #order-standard_cart .bg-white { overflow: visible; }

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

/* Tablet: promos mas compactas */
@media (max-width: 991px) {
  #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: 86px; 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); }

/* ══════════════════════════════════════════════════════════════════════
   PARTE 2 — Flujo completo: productos, configurar, dominios, carrito,
   checkout, confirmacion. (2026-11-02)
   ══════════════════════════════════════════════════════════════════════ */

/* ══ SUB-HEADINGS (titulos de seccion con linea) ═══════════════════ */
/* all.css: linea gris + span con fondo blanco y texto azul. Se reemplaza
   por etiqueta alineada a la izquierda con linea que corre a la derecha. */
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
  border: 0;
  margin: 26px 0 14px;
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
}
#order-standard_cart .sub-heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--lv-bd);
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span,
#order-standard_cart .sub-heading span.primary-bg-color {
  background: transparent;
  color: var(--lv-tx-hi);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 0;
  position: static;
  top: auto;
}
#order-standard_cart .primary-bg-color { background: transparent; color: var(--lv-tx-hi); }

/* ══ FORMULARIOS CON ICONO (checkout, dominios) ═══════════════════ */
#order-standard_cart .prepend-icon { position: relative; }
/* main.css fija .form-control{padding:8px 12px !important}: hay que ganar con !important */
#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control { padding-left: 42px !important; }
#order-standard_cart .prepend-icon .field-icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  z-index: 2;
}
#order-standard_cart .prepend-icon .field-icon i,
#order-standard_cart .field-icon i { color: var(--lv-tx-low); font-size: 13px; line-height: 1; }
#order-standard_cart .prepend-icon .field:focus + .field-icon i,
#order-standard_cart .prepend-icon:focus-within .field-icon i { color: var(--lv-yellow-ink); }
#order-standard_cart .field,
#order-standard_cart textarea.field {
  width: 100%;
  min-height: 42px;
  background: var(--lv-bg-0);
  border: 1px solid var(--lv-bd-hi);
  border-radius: 8px;
  color: var(--lv-tx-hi);
  font-size: 13.5px;
  padding: 9px 13px;
  box-shadow: none;
}
#order-standard_cart .field:focus { border-color: var(--lv-yellow-ink); box-shadow: 0 0 0 3px var(--lv-yellow-bg); outline: 0; }
#order-standard_cart .field::placeholder { color: var(--lv-tx-mid); }
#order-standard_cart .field[disabled], #order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled], #order-standard_cart .form-control[readonly] {
  background: var(--lv-bg-2); color: var(--lv-tx-mid); cursor: not-allowed;
}
#order-standard_cart .form-group { margin-bottom: 12px; }
#order-standard_cart .field-help-text,
#order-standard_cart .info-text-sm { color: var(--lv-tx-low); font-size: 11.5px; }
/* Select nativos: flecha propia, sin fondo blanco de Bootstrap */
#order-standard_cart select.field,
#order-standard_cart select.form-control {
  appearance: none; -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}
/* Checkbox / radio: marca, sin iCheck */
#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] { accent-color: var(--lv-yellow); width: 15px; height: 15px; vertical-align: -2px; }
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline,
#order-standard_cart label.radio-inline { padding-left: 0; display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--lv-tx); cursor: pointer; }

/* Fuerza de contrasena */
#order-standard_cart .progress { background: var(--lv-bg-2); border-radius: 999px; height: 8px; margin-top: 6px; box-shadow: none; }
#order-standard_cart .progress-bar { border-radius: 999px; }
#order-standard_cart .progress-bar-success { background: var(--lv-ok); }
#order-standard_cart .progress-bar-warning { background: var(--lv-yellow); }
#order-standard_cart .progress-bar-danger  { background: var(--lv-err); }
#order-standard_cart .btn-generate-pass,
#order-standard_cart .generate-password { font-size: 12px; }

/* ══ BOTONES GENERICOS (mapa de Bootstrap a la marca) ══════════════ */
#order-standard_cart .btn {
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  padding: 9px 16px;
  box-shadow: none;
  text-shadow: none;
  transition: background var(--lv-t), border-color var(--lv-t), color var(--lv-t), transform var(--lv-t);
}
#order-standard_cart .btn:active { transform: translateY(1px); }
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout,
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart .btn.btn-primary:focus,
#order-standard_cart .btn.btn-success:focus {
  background: var(--lv-yellow);
  background-image: none;
  border-color: var(--lv-yellow);
  color: var(--lv-ink);
}
#order-standard_cart .btn-primary:hover, #order-standard_cart .btn-primary:active,
#order-standard_cart .btn-success:hover, #order-standard_cart .btn-success:active,
#order-standard_cart .btn-checkout:hover, #order-standard_cart #btnCompleteOrder:hover {
  background: var(--lv-yellow-dark); border-color: var(--lv-yellow-dark); color: var(--lv-ink);
}
#order-standard_cart .btn-default,
#order-standard_cart .btn-info,
#order-standard_cart .btn-warning,
#order-standard_cart .btn-light,
#order-standard_cart .btn-secondary {
  background: var(--lv-bg-2);
  background-image: none;
  border-color: var(--lv-bd-hi);
  color: var(--lv-tx-hi);
}
#order-standard_cart .btn-default:hover, #order-standard_cart .btn-info:hover,
#order-standard_cart .btn-warning:hover, #order-standard_cart .btn-secondary:hover {
  background: var(--lv-bg-3); border-color: var(--lv-yellow-ink); color: var(--lv-tx-hi);
}
#order-standard_cart .btn-danger { background: var(--lv-err-bg); border-color: var(--lv-err); color: var(--lv-err); }
#order-standard_cart .btn-danger:hover { background: var(--lv-err); color: #fff; }
#order-standard_cart .btn-link { color: var(--lv-yellow-ink); background: none; border: 0; }
#order-standard_cart .btn-lg { padding: 13px 26px; font-size: 15px; border-radius: 10px; }
#order-standard_cart .btn-sm, #order-standard_cart .btn-xs { padding: 6px 11px; font-size: 12px; }
#order-standard_cart .btn[disabled], #order-standard_cart .btn.disabled { opacity: .5; cursor: not-allowed; transform: none; }
#order-standard_cart .btn i.fas, #order-standard_cart .btn i.fa { margin-right: 6px; }
#order-standard_cart .btn i.fa-arrow-circle-right, #order-standard_cart .btn i.fa-arrow-right { margin-right: 0; margin-left: 6px; }

/* ══ PRODUCTOS (lista de planes) ═══════════════════════════════════ */
/* Markup WHMCS 9: .products > .row.row-eq-height > .col-md-N > .product */
#order-standard_cart .products { margin: 0; }
#order-standard_cart .products .row-eq-height { display: flex; flex-wrap: wrap; }
#order-standard_cart .products .row-eq-height > [class*="col-"] { display: flex; margin-bottom: 16px; }
#order-standard_cart .products .product {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color var(--lv-t), transform var(--lv-t), box-shadow var(--lv-t);
}
#order-standard_cart .products .product:hover { border-color: var(--lv-yellow); transform: translateY(-2px); }
#order-standard_cart .products .product header {
  background: var(--lv-soft);
  border-bottom: 1px solid var(--lv-bd);
  padding: 18px 18px 14px;
  margin: 0;
}
#order-standard_cart .products .product header span {
  display: block;
  color: var(--lv-tx-hi);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.25;
}
#order-standard_cart .products .product header .qty { display: none; }
#order-standard_cart .products .product div.product-desc,
#order-standard_cart .products .product div.product-desc-full-width {
  padding: 16px 18px;
  color: var(--lv-tx);
  font-size: 13px;
  line-height: 1.6;
  flex: 1;
}
#order-standard_cart .products .product div.product-desc ul { padding-left: 0; list-style: none; margin: 0; }
#order-standard_cart .products .product div.product-desc li { padding: 4px 0 4px 22px; position: relative; }
#order-standard_cart .products .product div.product-desc li::before {
  content: "\2713"; position: absolute; left: 0; top: 4px; color: var(--lv-yellow-ink); font-weight: 800;
}
#order-standard_cart .products .product span.feature-value { color: var(--lv-tx-hi); font-weight: 700; }
#order-standard_cart .products .product div.product-pricing {
  padding: 8px 18px 0;
  color: var(--lv-tx-mid);
  font-size: 12px;
  text-align: left;
}
#order-standard_cart .products .product div.product-pricing span.price {
  display: block;
  color: var(--lv-tx-hi);
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
}
#order-standard_cart .products .product div.product-pricing .cycle,
#order-standard_cart .products .product div.product-pricing span.renewal-price { color: var(--lv-tx-mid); font-size: 12px; }
#order-standard_cart .products .product footer,
#order-standard_cart .products .product div.product-desc,
#order-standard_cart .products .product div.product-desc-full-width {
  float: none;
  width: 100%;
}
#order-standard_cart .products .product footer {
  padding: 14px 18px 18px;
  background: transparent;
  margin: 0;
  font-size: inherit;
  text-align: left;
}
#order-standard_cart .products .product footer .btn,
#order-standard_cart .products .product footer .btn-order-now { width: 100%; display: block; white-space: normal; font-size: 13px; padding: 10px 16px; }
#order-standard_cart .products .product select { width: 100%; margin-bottom: 10px; }
/* Pestañas / desplegable de categorias en movil */
#order-standard_cart .sidebar-collapsed {
  background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-radius: var(--lv-r); color: var(--lv-tx-hi);
}
#order-standard_cart .sidebar-collapsed h3 { color: var(--lv-tx-hi); font-size: 14px; font-weight: 700; }
#order-standard_cart .sidebar-collapsed::after { color: var(--lv-tx-mid); }

/* ══ CONFIGURAR PRODUCTO ═══════════════════════════════════════════ */
#order-standard_cart .product-info {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  padding: 18px 20px;
  margin-bottom: var(--lv-gap);
  color: var(--lv-tx);
}
#order-standard_cart .product-info .product-title { color: var(--lv-tx-hi); font-size: 18px; font-weight: 800; margin: 0 0 6px; }
#order-standard_cart .product-info .product-description { font-size: 13px; line-height: 1.6; }
#order-standard_cart .product-info .product-pricing,
#order-standard_cart .product-info .price { color: var(--lv-tx-hi); font-weight: 800; font-size: 18px; }
#order-standard_cart .panel-addon,
#order-standard_cart .panel.panel-default {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r);
  box-shadow: none;
  margin-bottom: 12px;
  overflow: hidden;
}
#order-standard_cart .panel-addon:hover { border-color: var(--lv-bd-hi); }
#order-standard_cart .panel-addon .panel-heading { background: var(--lv-soft); border-bottom: 1px solid var(--lv-bd); color: var(--lv-tx-hi); font-weight: 700; padding: 12px 16px; }
#order-standard_cart .panel-addon .panel-body { padding: 14px 16px; color: var(--lv-tx); font-size: 13px; }
#order-standard_cart .panel-addon .panel-body label { color: var(--lv-tx); font-weight: 500; }
#order-standard_cart .panel-addon .panel-price {
  background: var(--lv-bg-2);
  border-top: 1px solid var(--lv-bd);
  color: var(--lv-tx-hi);
  font-weight: 800;
  padding: 10px 16px;
  text-align: center;
}
#order-standard_cart .panel-addon .panel-add {
  background: var(--lv-bg-2);
  border-top: 1px solid var(--lv-bd);
  color: var(--lv-tx);
  font-weight: 700;
  padding: 11px 16px;
  text-align: center;
  cursor: pointer;
  transition: background var(--lv-t), color var(--lv-t);
}
#order-standard_cart .panel-addon .panel-add:hover { background: var(--lv-yellow); color: var(--lv-ink); }
#order-standard_cart .panel-addon-selected { border-color: var(--lv-yellow); }
#order-standard_cart .panel-addon-selected .panel-add { background: var(--lv-yellow); color: var(--lv-ink); }
#order-standard_cart .panel-addon .panel-add i,
#order-standard_cart .panel-addon .panel-price .btn { margin-right: 4px; }
/* Opciones configurables / campos personalizados */
#order-standard_cart .product-configurable-options,
#order-standard_cart .product-custom-fields,
#order-standard_cart .product-addons { margin-bottom: 8px; }
#order-standard_cart .form-control-qty { width: 72px; text-align: center; display: inline-block; }
#order-standard_cart .form-control-static-inline { color: var(--lv-tx); }
#order-standard_cart .domain-selection-options .option {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r);
  padding: 14px 16px;
  margin-bottom: 10px;
  color: var(--lv-tx);
  cursor: pointer;
}
#order-standard_cart .domain-selection-options .option:hover { border-color: var(--lv-bd-hi); background: var(--lv-bg-1); }
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .option-selected:hover { border-color: var(--lv-yellow); background: var(--lv-yellow-bg); }
#order-standard_cart .domain-selection-options .option label { color: var(--lv-tx-hi); font-weight: 600; cursor: pointer; }
#order-standard_cart .domain-input-group { margin-top: 10px; }
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-text { background: var(--lv-bg-2); border-color: var(--lv-bd-hi); color: var(--lv-tx-mid); }

/* ══ CONFIGURACION DE DOMINIOS ═════════════════════════════════════ */
#order-standard_cart .domains-row,
#order-standard_cart form > .row > [class*="col-"] > .row { color: var(--lv-tx); }
#order-standard_cart .domains-row { padding: 0 0 6px; }
#order-standard_cart .domains-row strong,
#order-standard_cart .domains-row .col-sm-3,
#order-standard_cart .domains-row label { color: var(--lv-tx-hi); font-weight: 700; font-size: 13px; }
/* "[Sin hosting! Haga clic para anadirlo]" y "[Tiene hosting]" llegan con
   style inline rojo/verde; se convierten en chips. */
#order-standard_cart a[href$="cart.php"][style*="cc0000"],
#order-standard_cart a[href*="cart.php?gid"][style*="cc0000"] {
  display: inline-flex; align-items: center; gap: 6px; width: auto;
  background: var(--lv-yellow-bg);
  border: 1px solid rgba(255, 230, 0, .45);
  border-radius: 999px;
  color: var(--lv-yellow-ink) !important;
  font-size: 12px; font-weight: 700;
  padding: 5px 12px;
  text-decoration: none;
}
#order-standard_cart a[href$="cart.php"][style*="cc0000"]:hover,
#order-standard_cart a[href*="cart.php?gid"][style*="cc0000"]:hover { background: var(--lv-yellow); color: var(--lv-ink) !important; }
#order-standard_cart span[style*="009900"] {
  display: inline-flex; align-items: center;
  background: var(--lv-ok-bg); border: 1px solid var(--lv-ok); border-radius: 999px;
  color: var(--lv-ok) !important; font-size: 12px; font-weight: 700; padding: 5px 12px;
}
#order-standard_cart .addon-promo-container { margin-top: 10px; }
/* Idioma IDN */
#order-standard_cart .idn-language-selector { color: var(--lv-tx); }

/* ══ VER CARRITO ═══════════════════════════════════════════════════ */
#order-standard_cart .view-cart-items-header {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx-low);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 8px 12px;
  margin: 0;
}
#order-standard_cart .view-cart-items {
  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 .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even) {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--lv-bd);
  padding: 16px 12px;
  margin: 0;
  color: var(--lv-tx);
}
#order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) { color: var(--lv-tx); }
#order-standard_cart .view-cart-items .item-title { color: var(--lv-tx-hi); font-size: 15px; font-weight: 800; }
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain { color: var(--lv-tx-mid); font-size: 12.5px; }
#order-standard_cart .view-cart-items .item-domain a { color: var(--lv-yellow-ink); }
#order-standard_cart .view-cart-items .item-price { color: var(--lv-tx-hi); font-weight: 800; font-size: 15px; }
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .item-price .cycle { color: var(--lv-tx-mid); font-size: 12px; font-weight: 500; }
#order-standard_cart .view-cart-items .item-qty { display: inline-flex; align-items: center; gap: 4px; }
#order-standard_cart .view-cart-items .item-qty input {
  width: 50px; height: 34px; text-align: center; margin: 0;
  background: var(--lv-bg-0); border: 1px solid var(--lv-bd-hi); border-radius: 8px; color: var(--lv-tx-hi);
}
#order-standard_cart .view-cart-items .item-qty button {
  width: 30px; height: 34px; padding: 0;
  background: var(--lv-bg-2); border: 1px solid var(--lv-bd-hi); border-radius: 8px; color: var(--lv-tx-hi);
}
#order-standard_cart .view-cart-items .item-qty button:hover { border-color: var(--lv-yellow-ink); }
#order-standard_cart .btn-remove-from-cart,
#order-standard_cart .btn-remove-from-cart:hover {
  background: transparent; border: 1px solid var(--lv-bd-hi); color: var(--lv-tx-mid); border-radius: 8px;
}
#order-standard_cart .btn-remove-from-cart:hover { border-color: var(--lv-err); color: var(--lv-err); }
#order-standard_cart .view-cart-empty {
  background: var(--lv-bg-1); border: 1px dashed var(--lv-bd-hi); border-radius: var(--lv-r-lg);
  color: var(--lv-tx-mid); padding: 40px 20px; text-align: center;
}
/* .empty-cart con items = solo el boton "Vaciar carrito" (texto discreto a la derecha) */
#order-standard_cart .empty-cart { text-align: right; padding: 4px 0 0; }
#order-standard_cart .empty-cart .btn,
#order-standard_cart #btnEmptyCart {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: var(--lv-tx-mid) !important; font-size: 12px !important; font-weight: 600; padding: 6px 8px !important;
}
#order-standard_cart #btnEmptyCart:hover { color: var(--lv-err) !important; }
#order-standard_cart .view-cart-empty .btn { margin-top: 12px; }
/* Pestañas: codigo promocional / credito */
#order-standard_cart .view-cart-tabs { margin-bottom: var(--lv-gap); }
#order-standard_cart .view-cart-tabs .nav-tabs { border-bottom: 1px solid var(--lv-bd); }
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
  background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0;
  color: var(--lv-tx-mid); font-size: 13px; font-weight: 700; padding: 10px 14px; margin-bottom: -1px;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs > li > a:hover {
  background: transparent; border: 0; border-bottom: 2px solid var(--lv-yellow); color: var(--lv-tx-hi);
}
#order-standard_cart .view-cart-tabs .tab-content {
  background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-top: 0;
  border-radius: 0 0 var(--lv-r) var(--lv-r); padding: 16px; color: var(--lv-tx);
}
#order-standard_cart .view-cart-tabs .promo .form-group { margin-bottom: 0; }
#order-standard_cart .view-cart-promotion-code { color: var(--lv-tx); }
#order-standard_cart .apply-credit-container { color: var(--lv-tx); }
/* Resumen del pedido (columna derecha) */
#order-standard_cart .order-summary {
  background: var(--lv-bg-1);
  border: 1px solid var(--lv-bd);
  border-radius: var(--lv-r-lg);
  color: var(--lv-tx);
  padding: 0;
  overflow: hidden;
  position: sticky;
  top: 90px;
}
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .panel-heading {
  background: var(--lv-soft);
  border-bottom: 1px solid var(--lv-bd);
  color: var(--lv-tx-hi);
  font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  margin: 0; padding: 13px 18px;
}
#order-standard_cart .order-summary .summary-container { background: transparent; border: 0; border-radius: 0; }
#order-standard_cart .order-summary .product-group,
#order-standard_cart .order-summary .product-name { padding: 0 18px; }
#order-standard_cart .order-summary .product-group { color: var(--lv-tx-low); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; margin-top: 12px; }
#order-standard_cart .order-summary .product-name { color: var(--lv-tx-hi); font-weight: 700; font-size: 13.5px; }
#order-standard_cart .order-summary .product-name span,
#order-standard_cart .order-summary .subtotal span { float: right; color: var(--lv-tx); font-weight: 600; }
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .recurring-charges,
#order-standard_cart .order-summary .recurring-totals { padding: 4px 18px; font-size: 12.5px; color: var(--lv-tx-mid); }
#order-standard_cart .order-summary .bordered-totals {
  border-top: 1px solid var(--lv-bd); border-bottom: 1px solid var(--lv-bd);
  margin: 12px 0 0; padding: 10px 0; background: transparent;
}
#order-standard_cart .order-summary .summary-totals { color: var(--lv-tx); padding: 6px 18px; font-size: 13px; }
#order-standard_cart .order-summary .summary-totals span { float: right; color: var(--lv-tx-hi); font-weight: 600; }
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total-due-today-padded {
  background: var(--lv-yellow-bg);
  border-top: 1px solid rgba(255, 230, 0, .45);
  color: var(--lv-tx-hi);
  font-size: 13px; font-weight: 800;
  padding: 16px 18px;
  margin-top: 6px;
}
#order-standard_cart .order-summary .total-due-today span { color: var(--lv-tx-hi); float: right; }
#order-standard_cart .order-summary .total-due-today .amt { color: var(--lv-tx-hi); font-size: 22px; font-weight: 800; letter-spacing: -.02em; float: none; display: block; margin-top: 2px; }
#order-standard_cart .order-summary .btn-checkout,
#order-standard_cart .order-summary .btn-continue-shopping { display: block; width: calc(100% - 36px); margin: 12px 18px 0; }
#order-standard_cart .order-summary .btn-continue-shopping { margin-bottom: 18px; background: transparent; border: 1px solid var(--lv-bd-hi); color: var(--lv-tx); }
#order-standard_cart .order-summary .btn-continue-shopping:hover { border-color: var(--lv-yellow-ink); color: var(--lv-tx-hi); }
#order-standard_cart .order-summary .loader { color: var(--lv-tx-mid); }
#order-standard_cart .order-summary .loader i, #order-standard_cart #cartSummary .fa-spinner { color: var(--lv-yellow-ink); }
#order-standard_cart .view-cart-gateway-checkout { color: var(--lv-tx-mid); font-size: 12px; }
#order-standard_cart .express-checkout-buttons .separator { color: var(--lv-tx-low); }
#order-standard_cart .express-checkout-buttons .separator::before,
#order-standard_cart .express-checkout-buttons .separator::after { background: var(--lv-bd); }
/* Recomendaciones / promos MarketConnect (se mantienen neutras) */
#order-standard_cart .mc-promos { margin-top: var(--lv-gap); }
#order-standard_cart .mc-promo { background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-radius: var(--lv-r); color: var(--lv-tx); }
#order-standard_cart .mc-promo .header, #order-standard_cart .mc-promo .body { background: transparent; }
#order-standard_cart .mc-promo .headline, #order-standard_cart .mc-promo .tagline { color: var(--lv-tx-hi); }
#order-standard_cart .mc-promo .price, #order-standard_cart .mc-promo .price * { color: var(--lv-yellow-ink) !important; }
#order-standard_cart .mc-promo .btn-add { background: var(--lv-yellow) !important; border-color: var(--lv-yellow) !important; color: var(--lv-ink) !important; }

/* ══ CHECKOUT ══════════════════════════════════════════════════════ */
#order-standard_cart .already-registered { margin: 4px 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#order-standard_cart .already-registered p { margin: 0; color: var(--lv-tx-mid); font-size: 13px; }
#order-standard_cart .already-registered .pull-right { float: none; order: 2; }
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
  background: transparent; border: 1px solid var(--lv-bd-hi); color: var(--lv-tx-hi); margin: 0; font-size: 12.5px;
}
#order-standard_cart #btnAlreadyRegistered:hover,
#order-standard_cart #btnNewUserSignup:hover { border-color: var(--lv-yellow-ink); background: var(--lv-yellow-bg); }
#order-standard_cart .checkout-error-feedback { margin: 0 0 16px; }
#order-standard_cart .checkout-error-feedback ul { margin: 6px 0 0; padding-left: 18px; }
#order-standard_cart .account-select-container { margin: 0 -6px 10px; }
#order-standard_cart .account-select-container div.account {
  background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-radius: var(--lv-r);
  padding: 12px 14px; margin: 0 6px 10px; color: var(--lv-tx);
}
#order-standard_cart .account-select-container div.account.active { border-color: var(--lv-yellow); background: var(--lv-yellow-bg); }
#order-standard_cart .account-select-container div.account strong { color: var(--lv-tx-hi); }
#order-standard_cart .account-select-container .label { background: var(--lv-bg-3); color: var(--lv-tx); border-radius: 999px; font-weight: 600; }
/* Bloques del formulario: tarjeta blanda por seccion */
#order-standard_cart #frmCheckout > .sub-heading + .row,
#order-standard_cart #containerNewUserSignup .row,
#order-standard_cart #containerExistingUserSignin .row { margin-left: -6px; margin-right: -6px; }
#order-standard_cart #frmCheckout [class*="col-"] { padding-left: 6px; padding-right: 6px; }
#order-standard_cart .form-check, #order-standard_cart .checkbox { color: var(--lv-tx); }
/* Metodo de pago */
#order-standard_cart .cc-input-container,
#order-standard_cart .panel-taxes,
#order-standard_cart #paymentGatewaysContainer,
#order-standard_cart .payment-methods {
  background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-radius: var(--lv-r); padding: 16px; color: var(--lv-tx);
}
#order-standard_cart .cc-input-container .radio-inline { margin: 0 0 8px; }
#order-standard_cart .cc-input-container ul { list-style: none; padding: 0; }
#order-standard_cart .cc-input-container i { color: var(--lv-tx-mid); }
#order-standard_cart .cc-input-container .paymethod-info { color: var(--lv-tx-mid); font-size: 12px; }
#order-standard_cart .cc-input-container .existing-cc-grid { color: var(--lv-tx); }
#order-standard_cart .paymentmethods, #order-standard_cart .payment-methods { margin-bottom: 0; }
#order-standard_cart .payment-methods .radio-inline,
#order-standard_cart .payment-methods label {
  display: flex; align-items: center; gap: 10px;
  background: var(--lv-bg-0); border: 1px solid var(--lv-bd-hi); border-radius: 8px;
  padding: 11px 14px; margin: 0 0 8px; cursor: pointer; color: var(--lv-tx-hi); font-weight: 600; width: 100%;
}
#order-standard_cart .payment-methods label:hover { border-color: var(--lv-yellow-ink); }
#order-standard_cart .payment-methods input:checked + span,
#order-standard_cart .payment-methods label:has(input:checked) { border-color: var(--lv-yellow); background: var(--lv-yellow-bg); }
#order-standard_cart .checkout-security-msg {
  background: var(--lv-ok-bg); border: 1px solid rgba(74, 222, 128, .35); border-radius: var(--lv-r);
  color: var(--lv-tx); font-size: 12.5px; line-height: 1.55; padding: 12px 14px 12px 42px; margin: 16px 0;
  position: relative; text-align: left; display: block !important;
}
#order-standard_cart .checkout-security-msg strong { color: var(--lv-tx-hi); }
#order-standard_cart .checkout-security-msg i { color: var(--lv-ok); font-size: 17px; position: absolute; left: 14px; top: 12px; }
#order-standard_cart #btnCompleteOrder, #order-standard_cart .btn-checkout {
  font-size: 15px; padding: 13px 28px; border-radius: 10px;
}
#order-standard_cart .recaptcha-container, #order-standard_cart .captcha-container { color: var(--lv-tx); }
#order-standard_cart .captcha-container .form-control { width: auto; display: inline-block; }
/* Terminos */
#order-standard_cart #containerAcceptTos, #order-standard_cart .accept-tos { color: var(--lv-tx); }

/* Resumen a la derecha en checkout/viewcart */
#order-standard_cart .secondary-cart-sidebar { padding: 0; }
@media (min-width: 992px) {
  #order-standard_cart .secondary-cart-body { padding-right: 24px; }
}

/* ══ CONFIRMACION DE PEDIDO ════════════════════════════════════════ */
#order-standard_cart .order-confirmation {
  background: var(--lv-bg-1); border: 1px solid var(--lv-bd); border-radius: var(--lv-r-lg);
  color: var(--lv-tx); padding: 28px 24px; text-align: center; margin-bottom: var(--lv-gap);
}
#order-standard_cart .order-confirmation span { color: var(--lv-tx-hi); font-weight: 800; }
#order-standard_cart .order-confirmation-addon-output { color: var(--lv-tx); }
#order-standard_cart .order-confirmation .btn { margin-top: 10px; }

/* ══ MODALES ═══════════════════════════════════════════════════════ */
#order-standard_cart .modal-content { background: var(--lv-bg-1); border: 1px solid var(--lv-bd-hi); border-radius: var(--lv-r-lg); color: var(--lv-tx); }
#order-standard_cart .modal-header, #order-standard_cart .modal-footer { border-color: var(--lv-bd); background: transparent; }
#order-standard_cart .modal-title { color: var(--lv-tx-hi); font-weight: 800; }
#order-standard_cart .modal-title i { color: var(--lv-yellow-ink); }
#order-standard_cart .modal-body { color: var(--lv-tx); }
#order-standard_cart .close { color: var(--lv-tx-hi); text-shadow: none; opacity: .6; }

/* ══ SIDEBAR: titulo en una sola linea con chevron al final ════════ */
#order-standard_cart .card-sidebar .panel-title { display: flex; align-items: center; gap: 7px; white-space: nowrap; font-family: inherit; }
#order-standard_cart .card-sidebar .panel-title > i:first-child { flex: none; }
#order-standard_cart .card-sidebar .panel-title .card-minimise,
#order-standard_cart .card-sidebar .panel-title .panel-minimise { float: none; margin-left: auto; flex: none; }

/* ══ RESPONSIVE (parte 2) ══════════════════════════════════════════ */
@media (max-width: 991px) {
  #order-standard_cart .order-summary { position: static; margin-top: var(--lv-gap); }
}
@media (max-width: 575px) {
  #order-standard_cart .view-cart-items-header { display: none; }
  #order-standard_cart .view-cart-items .item [class*="col-"] { margin-bottom: 6px; }
  #order-standard_cart .already-registered .pull-right { width: 100%; }
  #order-standard_cart #btnAlreadyRegistered, #order-standard_cart #btnNewUserSignup { width: 100%; }
  #order-standard_cart #btnCompleteOrder, #order-standard_cart .btn-checkout { width: 100%; }
  #order-standard_cart .sub-heading { margin: 20px 0 10px; }
}


/* ══ iCheck (radios/checkboxes de WHMCS) en colores de marca ═══════ */
#order-standard_cart .iradio_square-blue,
#order-standard_cart .icheckbox_square-blue,
#order-standard_cart .iradio_square-green,
#order-standard_cart .icheckbox_square-green {
  background-image: none !important;
  width: 18px; height: 18px;
  border: 2px solid var(--lv-bd-hi);
  background-color: var(--lv-bg-0);
  position: relative; display: inline-block; vertical-align: middle; margin-right: 8px;
  transition: border-color var(--lv-t), background var(--lv-t);
}
#order-standard_cart .iradio_square-blue, #order-standard_cart .iradio_square-green { border-radius: 50%; }
#order-standard_cart .icheckbox_square-blue, #order-standard_cart .icheckbox_square-green { border-radius: 5px; }
#order-standard_cart .iradio_square-blue.hover, #order-standard_cart .icheckbox_square-blue.hover,
#order-standard_cart .iradio_square-green.hover, #order-standard_cart .icheckbox_square-green.hover { border-color: var(--lv-yellow-ink); }
#order-standard_cart .iradio_square-blue.checked, #order-standard_cart .iradio_square-green.checked {
  border-color: var(--lv-yellow); background-color: var(--lv-yellow);
}
#order-standard_cart .iradio_square-blue.checked::after, #order-standard_cart .iradio_square-green.checked::after {
  content: ""; position: absolute; left: 4px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--lv-ink);
}
#order-standard_cart .icheckbox_square-blue.checked, #order-standard_cart .icheckbox_square-green.checked {
  border-color: var(--lv-yellow); background-color: var(--lv-yellow);
}
#order-standard_cart .icheckbox_square-blue.checked::after, #order-standard_cart .icheckbox_square-green.checked::after {
  content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px;
  border: solid var(--lv-ink); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
#order-standard_cart .iradio_square-blue.disabled, #order-standard_cart .icheckbox_square-blue.disabled { opacity: .45; }

/* Autorrelleno de Chrome: sin fondo celeste */
#order-standard_cart input:-webkit-autofill,
#order-standard_cart input:-webkit-autofill:hover,
#order-standard_cart input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--lv-bg-0) inset !important;
  -webkit-text-fill-color: var(--lv-tx-hi) !important;
  caret-color: var(--lv-tx-hi);
  transition: background-color 9999s ease-out 0s;
}

/* Boton "Generar contrasena" y seguridad */
#order-standard_cart .generate-password, #order-standard_cart #generatePassword,
#order-standard_cart .btn-generate-pass { background: var(--lv-bg-2); border: 1px solid var(--lv-bd-hi); color: var(--lv-tx); font-size: 12px; padding: 5px 10px; border-radius: 6px; }
#order-standard_cart #passwordStrengthTextLabel, #order-standard_cart .password-strength-label { color: var(--lv-tx-mid); font-size: 11.5px; }

/* Pie "Powered by" discreto */
#order-standard_cart ~ .powered-by, .powered-by, #order-standard_cart + div p.powered { color: var(--lv-tx-low); font-size: 11px; }

/* El tema base es six (Bootstrap 3): no existen las utilidades de BS4 que
   usa standard_cart de WHMCS 9 (.d-none, .float-right...). El aviso de
   errores del checkout se mostraba vacio por esto. */
#order-standard_cart .d-none { display: none !important; }
#order-standard_cart .d-block { display: block !important; }
#order-standard_cart .d-inline { display: inline !important; }
#order-standard_cart .d-inline-block { display: inline-block !important; }
#order-standard_cart .d-flex { display: flex !important; }
@media (min-width: 576px) {
  #order-standard_cart .d-sm-none { display: none !important; }
  #order-standard_cart .d-sm-block { display: block !important; }
  #order-standard_cart .d-sm-inline { display: inline !important; }
  #order-standard_cart .d-sm-inline-block { display: inline-block !important; }
  #order-standard_cart .d-sm-flex { display: flex !important; }
}
@media (min-width: 768px) {
  #order-standard_cart .d-md-none { display: none !important; }
  #order-standard_cart .d-md-block { display: block !important; }
  #order-standard_cart .d-md-inline { display: inline !important; }
  #order-standard_cart .d-md-inline-block { display: inline-block !important; }
  #order-standard_cart .d-md-flex { display: flex !important; }
}
@media (min-width: 992px) {
  #order-standard_cart .d-lg-none { display: none !important; }
  #order-standard_cart .d-lg-block { display: block !important; }
  #order-standard_cart .d-lg-inline-block { display: inline-block !important; }
}
#order-standard_cart .float-right { float: right; }
#order-standard_cart .float-left { float: left; }
#order-standard_cart .text-right { text-align: right; }
#order-standard_cart .mb-3 { margin-bottom: 12px; }
#order-standard_cart .w-hidden { display: none; }

/* main.css pinta .btn-success en verde con !important en modo oscuro: en el
   carrito la accion principal es siempre amarilla. */
#order-standard_cart .btn-success,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-checkout,
#order-standard_cart #btnCompleteOrder,
#order-standard_cart #checkout {
  background: var(--lv-yellow) !important;
  border-color: var(--lv-yellow) !important;
  color: var(--lv-ink) !important;
}
#order-standard_cart .btn-success:hover, #order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-checkout:hover, #order-standard_cart #btnCompleteOrder:hover {
  background: var(--lv-yellow-dark) !important; border-color: var(--lv-yellow-dark) !important;
}
#order-standard_cart .btn-remove-from-cart {
  background: transparent !important; border: 1px solid var(--lv-bd-hi) !important; color: var(--lv-tx-mid) !important;
  height: 30px; padding: 0 10px !important; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  font-size: 12px !important; font-weight: 600; border-radius: 8px; vertical-align: middle;
}
#order-standard_cart .col-sm-1 > .btn-remove-from-cart { width: 30px; padding: 0 !important; }
#order-standard_cart .btn-remove-from-cart:hover { border-color: var(--lv-err) !important; color: var(--lv-err) !important; }
#order-standard_cart .btn-remove-from-cart i { margin: 0; }
#order-standard_cart .item-title .btn-remove-from-cart { margin-left: 6px; }


/* ══ CHECKOUT SIMPLE: bloque de facturacion plegable ═══════════════ */
#order-standard_cart .lx-cart-hint { color: var(--lv-tx-mid); font-size: 12.5px; margin: -6px 0 12px; }
#order-standard_cart details.lx-opt { border: 1px solid var(--lv-bd); border-radius: var(--lv-r); background: var(--lv-bg-1); margin: 6px 0 16px; }
#order-standard_cart details.lx-opt > summary { list-style: none; cursor: pointer; padding: 13px 16px 13px 44px; position: relative; display: flex; flex-direction: column; gap: 2px; }
#order-standard_cart details.lx-opt > summary::-webkit-details-marker { display: none; }
#order-standard_cart details.lx-opt > summary::before { content: "+"; position: absolute; left: 14px; top: 11px; width: 20px; height: 20px; border-radius: 6px; background: var(--lv-yellow); color: var(--lv-ink); font-weight: 800; display: grid; place-items: center; font-size: 15px; line-height: 1; }
#order-standard_cart details.lx-opt[open] > summary::before { content: "\2212"; }
#order-standard_cart .lx-opt-t { color: var(--lv-tx-hi); font-weight: 800; font-size: 13.5px; }
#order-standard_cart .lx-opt-t small { color: var(--lv-tx-mid); font-weight: 600; font-size: 12px; }
#order-standard_cart .lx-opt-d { color: var(--lv-tx-mid); font-size: 12px; }
#order-standard_cart .lx-opt-body { padding: 4px 16px 6px; border-top: 1px solid var(--lv-bd); }


/* ══ Buscador de dominios: desplegables (main.css pinta .dropdown-menu oscuro con !important) ══ */
#order-standard_cart .multiselect-container.dropdown-menu,
#order-standard_cart .dropdown-menu {
  background: var(--lv-bg-1) !important;
  border: 1px solid var(--lv-bd-hi) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px -10px rgba(0,0,0,.35) !important;
  padding: 6px !important;
  min-width: 190px;
  max-height: 260px; overflow-y: auto;
}
#order-standard_cart .multiselect-container > li > a,
#order-standard_cart .multiselect-container label,
#order-standard_cart .dropdown-menu > li > a {
  background: transparent !important;
  color: var(--lv-tx-hi) !important;
  font-size: 13px !important;
  padding: 7px 10px !important;
  border-radius: 7px;
  display: flex !important; align-items: center; gap: 8px;
}
#order-standard_cart .multiselect-container > li > a:hover,
#order-standard_cart .dropdown-menu > li > a:hover { background: var(--lv-soft) !important; }
#order-standard_cart .multiselect-container > li.active > a { background: var(--lv-yellow-bg) !important; color: var(--lv-yellow-ink) !important; }
#order-standard_cart .multiselect-container input[type="radio"],
#order-standard_cart .multiselect-container input[type="checkbox"] { accent-color: var(--lv-yellow); margin: 0; width: 15px; height: 15px; }
#order-standard_cart .multiselect-container > li > a > label { padding: 0 !important; margin: 0; width: 100%; }
#order-standard_cart .multiselect-container > li.multiselect-item.filter,
#order-standard_cart .multiselect-container > li.multiselect-group { color: var(--lv-tx-mid) !important; }
#order-standard_cart .multiselect-container > li > a > label:empty::after { content: "Sin límite"; color: var(--lv-tx-mid); }
/* el input de bootstrap va absoluto sobre el texto cuando el label no tiene padding */
#order-standard_cart .multiselect-container label.radio input,
#order-standard_cart .multiselect-container label.checkbox input { position: static !important; margin: 0 8px 0 0 !important; }
#order-standard_cart .multiselect-container label.radio,
#order-standard_cart .multiselect-container label.checkbox { display: flex !important; align-items: center; min-height: 0; }

/* ══ Móvil: márgenes del carrito ═══════════════════════════════════ */
@media (max-width: 991px) {
  #order-standard_cart > .row, #order-standard_cart .row { margin-left: 0 !important; margin-right: 0 !important; }
  #order-standard_cart .domain-checker-bg [class*="col-xs-offset"], #order-standard_cart .domain-checker-bg [class*="offset-"] { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; }
  #order-standard_cart .cart-body { padding: 0; }
  #order-standard_cart .domain-checker-bg form { padding: 0; }
  #order-standard_cart .input-group-box { width: 100% !important; margin: 0 !important; max-width: none !important; }
  #order-standard_cart .domain-checker-advanced textarea, #order-standard_cart #message { width: 100% !important; }
  #order-standard_cart img { max-width: 100%; height: auto; }
  #order-standard_cart .featured-tld .img-container { padding: 14px 10px; }
  #order-standard_cart .featured-tld .img-container img { max-height: 26px; }
  #order-standard_cart .sidebar-collapsed { grid-template-columns: 1fr 1fr; }
  #order-standard_cart .sidebar-collapsed .panel:nth-child(3) { grid-column: 1 / -1; }
  #order-standard_cart .sidebar-collapsed .pull-right { grid-column: 1 / -1; }
  #order-standard_cart .header-lined h1, #order-standard_cart .header-lined .font-size-36 { font-size: 22px; }
}
@media (max-width: 480px) {
  #order-standard_cart .input-group-box > .btn-group, #order-standard_cart .input-group-box > .multiselect-native-select { flex: 1 1 calc(50% - 4px); }
  #order-standard_cart .input-group-box > .btn-group .multiselect { width: 100%; }
  #order-standard_cart .input-group-box > label { flex: 1 1 100%; margin: 4px 0 0; }
}

/* ══════════════════════════════════════════════════════════════
   EXPRÉS (3-nov-2026): pasos, confianza, medios de pago, barra móvil,
   recomendación en el carrito, toast.
   ══════════════════════════════════════════════════════════════ */
#order-standard_cart .lx-steps { list-style: none; margin: 0 0 18px; padding: 0; display: flex; gap: 6px; counter-reset: s; }
#order-standard_cart .lx-steps li { flex: 1; display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--lv-tx-mid); padding: 8px 10px; border-radius: 10px; background: var(--lv-bg-2); border: 1px solid var(--lv-bd); }
#order-standard_cart .lx-steps li span { width: 22px; height: 22px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 11px; font-weight: 800; background: var(--lv-bg-1); border: 1px solid var(--lv-bd); color: var(--lv-tx-mid); }
#order-standard_cart .lx-steps li.now { color: var(--lv-tx-hi); border-color: var(--lv-yellow); background: var(--lv-yellow-bg); }
#order-standard_cart .lx-steps li.now span { background: var(--lv-yellow); color: #0A0A0A; border-color: var(--lv-yellow); }
#order-standard_cart .lx-steps li.done { color: var(--lv-tx-hi); }
#order-standard_cart .lx-steps li.done span { background: var(--lv-ok); color: #fff; border-color: var(--lv-ok); font-size: 0; }
#order-standard_cart .lx-steps li.done span::after { content: "✓"; font-size: 11px; }
@media (max-width: 560px) { #order-standard_cart .lx-steps li { font-size: 0; padding: 8px 6px; justify-content: center; } #order-standard_cart .lx-steps li.now { font-size: 12px; flex: 2.2; } }

#order-standard_cart .lx-trust { list-style: none; margin: -6px 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
#order-standard_cart .lx-trust li { font-size: 12.5px; color: var(--lv-tx-mid); display: inline-flex; align-items: center; gap: 7px; }
#order-standard_cart .lx-trust i { color: var(--lv-yellow-ink); font-size: 13px; }

#order-standard_cart .lx-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 4px; }
#order-standard_cart .lx-pay span { font-size: 11.5px; color: var(--lv-tx-mid); margin-right: 4px; }
#order-standard_cart .lx-pay b { font-size: 11px; font-weight: 700; letter-spacing: .2px; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--lv-bd); background: var(--lv-bg-1); color: var(--lv-tx-hi); }
#order-standard_cart .order-summary .lx-pay { justify-content: center; margin: 10px 0 14px; }

#order-standard_cart .lx-stickybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; display: none; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: var(--lv-bg-1); border-top: 1px solid var(--lv-bd); box-shadow: 0 -10px 30px -12px rgba(0,0,0,.35); transition: transform .25s ease; }
#order-standard_cart .lx-stickybar.is-hidden { transform: translateY(110%); }
#order-standard_cart .lx-stickybar small { display: block; font-size: 11px; color: var(--lv-tx-mid); }
#order-standard_cart .lx-stickybar strong { font-size: 18px; letter-spacing: -.3px; color: var(--lv-tx-hi); }
#order-standard_cart .lx-stickybar .lx-stickybtn { background: #FFE600; color: #0A0A0A; border: 0; border-radius: 12px; font-weight: 800; font-size: 14px; padding: 12px 18px; white-space: nowrap; }
@media (max-width: 767px) { #order-standard_cart .lx-stickybar { display: flex; } #order-standard_cart:has(.lx-stickybar:not(.is-hidden)) { padding-bottom: 72px; } .lvl-wa { bottom: 84px !important; } }

#order-standard_cart .lx-bump { display: flex; gap: 14px; align-items: center; margin: 4px 0 18px; padding: 14px 16px; border-radius: 14px; border: 1px dashed var(--lv-yellow); background: var(--lv-yellow-bg); }
#order-standard_cart .lx-bump i { font-size: 20px; color: var(--lv-yellow-ink); }
#order-standard_cart .lx-bump div { flex: 1; min-width: 0; }
#order-standard_cart .lx-bump strong { display: block; font-size: 14px; color: var(--lv-tx-hi); }
#order-standard_cart .lx-bump p { margin: 2px 0 0; font-size: 12.5px; color: var(--lv-tx-mid); }
#order-standard_cart .lx-bump a.btn { white-space: nowrap; }
@media (max-width: 560px) { #order-standard_cart .lx-bump { flex-wrap: wrap; } #order-standard_cart .lx-bump a.btn { width: 100%; } }

#order-standard_cart .lx-toast { position: fixed; top: 84px; left: 50%; transform: translateX(-50%); z-index: 1040; background: #0A0A0A; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 16px; border-radius: 999px; box-shadow: 0 12px 30px -10px rgba(0,0,0,.5); animation: lxIn .3s ease; }
#order-standard_cart .lx-toast i { color: #FFE600; margin-right: 6px; }
#order-standard_cart .lx-toast.out { opacity: 0; transition: opacity .5s; }
@keyframes lxIn { from { opacity: 0; transform: translate(-50%, -8px); } to { opacity: 1; transform: translate(-50%, 0); } }

#order-standard_cart .product .lx-badge { position: absolute; top: 12px; right: 12px; background: #FFE600; color: #0A0A0A; font-size: 10.5px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; box-shadow: 0 6px 14px -6px rgba(0,0,0,.4); }
#order-standard_cart .product { position: relative; }
@media (max-width: 991px) { #order-standard_cart.lx-step-3 .sidebar-collapsed, #order-standard_cart.lx-step-4 .sidebar-collapsed { display: none; } }
#order-standard_cart .product header { padding-right: 120px; }

/* ── Personas (3-nov-2026): banner de categoría, tarjeta humana, cierre ── */
#order-standard_cart .lx-storehero { position: relative; margin: 0 0 18px; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 5; background: var(--lv-bg-2); }
#order-standard_cart .lx-storehero img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block; }
#order-standard_cart .lx-storehero figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 20px 14px; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -.1px; background: linear-gradient(to top, rgba(10,10,10,.78), rgba(10,10,10,0)); text-shadow: 0 1px 2px rgba(0,0,0,.4); }
#order-standard_cart .lx-storehero-done { aspect-ratio: 16 / 6; }
@media (max-width: 767px) { #order-standard_cart .lx-storehero { aspect-ratio: 16 / 9; border-radius: 12px; } #order-standard_cart .lx-storehero figcaption { font-size: 13.5px; padding: 24px 14px 12px; } }

#order-standard_cart .lx-human { display: flex; gap: 14px; align-items: flex-start; margin: 16px 0; padding: 14px; border-radius: 14px; background: var(--lv-bg-1); border: 1px solid var(--lv-bd); }
#order-standard_cart .lx-human img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: 60% 35%; flex: 0 0 64px; border: 2px solid var(--lv-yellow); }
#order-standard_cart .lx-human strong { display: block; font-size: 13.5px; color: var(--lv-tx-hi); margin-bottom: 2px; }
#order-standard_cart .lx-human p { margin: 0 0 8px; font-size: 12.5px; line-height: 1.5; color: var(--lv-tx-mid); }
#order-standard_cart .lx-human a { font-size: 12.5px; font-weight: 700; color: var(--lv-yellow-ink); text-decoration: none; }
#order-standard_cart .lx-human a i { color: #25D366; margin-right: 4px; }
#order-standard_cart #frmCheckout + .lx-human { max-width: 560px; margin: 18px auto; }

/* ── Chips de navegación móvil + badge en móvil (3-nov-2026) ── */
#order-standard_cart .lx-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 10px; margin: 0 0 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#order-standard_cart .lx-chips::-webkit-scrollbar { display: none; }
#order-standard_cart .lx-chip { flex: 0 0 auto; white-space: nowrap; font-size: 12.5px; font-weight: 600; padding: 9px 13px; border-radius: 999px; border: 1px solid var(--lv-bd); background: var(--lv-bg-1); color: var(--lv-tx-hi); text-decoration: none; }
#order-standard_cart .lx-chip.is-on { background: var(--lv-yellow); border-color: var(--lv-yellow); color: #0A0A0A; }
#order-standard_cart .lx-chip-act { border-style: dashed; color: var(--lv-tx-mid); }
@media (max-width: 991px) { #order-standard_cart.lx-step-3 .lx-chips, #order-standard_cart.lx-step-4 .lx-chips { display: none; } }
@media (max-width: 560px) {
  #order-standard_cart .product .lx-badge { position: static; display: inline-block; width: max-content; align-self: flex-start; margin: 12px 16px 0; }
  #order-standard_cart .product header { padding-right: 16px; }
}