/* ===================================================================
   Cruech One -- estilo de marca para el carrito/buscador de dominio
   (orderforms/cruech_cart). Usa las mismas variables semanticas que
   override86.css (cargado globalmente en head.tpl, asi que ya estan
   disponibles aqui): --surface-page, --surface-card, --border-subtle,
   --text-heading, --text-body, mas --global--color-bright-orange.
   =================================================================== */

#order-standard_cart, .container {
    color: var(--text-body);
}

/* Banner del buscador de dominio (antes degradado amarillo) */
.domain-checker-container {
    background: var(--surface-card) !important;
    border: 1px solid var(--border-subtle);
}
.domain-checker-bg {
    background-image: none;
}
.domain-checker-container .input-group-box {
    background-color: var(--surface-page);
    border: 1px solid var(--border-subtle);
}
.domain-checker-container h1,
.domain-checker-container h2,
.domain-checker-container p,
.domain-checker-container label {
    color: var(--text-heading) !important;
}
.domain-checker-container .form-control {
    background-color: var(--surface-page);
    color: var(--text-body);
    border: none;
}

/* Sidebar (Categorias / Acciones / Seleccionar divisa) */
#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3 {
    background-color: var(--surface-card);
    color: var(--text-heading);
    border: 1px solid var(--border-subtle);
}
#order-standard_cart .cart-sidebar .list-group-item {
    background-color: var(--surface-page);
    color: var(--text-body);
    border: 1px solid var(--border-subtle);
}
#order-standard_cart .cart-sidebar .list-group-item.active {
    background-color: var(--global--color-bright-orange);
    border-color: var(--global--color-bright-orange);
    color: #fff;
}
#order-standard_cart .cart-sidebar select.form-control {
    background-color: var(--surface-page);
    color: var(--text-body);
    border: 1px solid var(--border-subtle);
}

/* Categorias de TLD (pills Popular / Business / etc) */
.tld-category-list .label,
.tld-category-filter .label {
    background-color: var(--surface-card) !important;
    color: var(--text-body) !important;
    border: 1px solid var(--border-subtle);
}
.tld-category-list .label.active,
.tld-category-list .label-success,
.tld-category-filter .active {
    background-color: var(--global--color-bright-orange) !important;
    color: #fff !important;
    border-color: var(--global--color-bright-orange) !important;
}

/* Tabla/lista de precios de dominio (estructura real: divs .tld-row, no <table>) */
.domain-pricing {
    background-color: var(--surface-page) !important;
    color: var(--text-body);
}
.domain-pricing .bg-white {
    background-color: var(--surface-page) !important;
}
.domain-pricing .tld-row {
    background-color: var(--surface-page) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-body);
}
.domain-pricing .tld-row:nth-of-type(even) {
    background-color: var(--surface-card) !important;
}
.domain-pricing .tld-row:nth-of-type(even) .bg-white {
    background-color: var(--surface-card) !important;
}
.domain-pricing strong,
.domain-pricing span,
.domain-pricing small,
.domain-pricing a {
    color: var(--text-body);
}

/* Cajas inferiores (Añadir hosting / Transferir dominio) */
.panel, .panel-default {
    background-color: var(--surface-card);
    border: 1px solid var(--border-subtle);
}
.panel-heading {
    background-color: var(--surface-card);
    color: var(--text-heading);
    border-bottom: 1px solid var(--border-subtle);
}
.panel-body {
    color: var(--text-body);
}

/* Orden / resumen del carrito */
.cart-body .card, .cart-body .panel, #cart-total {
    background-color: var(--surface-card);
    border: 1px solid var(--border-subtle);
    color: var(--text-body);
}