/*--------------------------------------------------------------------*/
/* Marbella Rent a Car — #1f4a84 (azul 1, primario) / #3885eb (azul 2, acento) / negro / blanco */
/*--------------------------------------------------------------------*/

:root {
    --sarmiento-primary: #1f4a84;
    --sarmiento-accent: #3885eb;
    --sarmiento-black: #000000;
}

/* Escala Materialize (.sarmiento) */
.sarmiento {
    background-color: var(--sarmiento-primary) !important;
}

.sarmiento-text {
    color: var(--sarmiento-primary) !important;
}

.sarmiento.lighten-5 { background-color: #e4e9f0 !important; }
.sarmiento-text.text-lighten-5 { color: #e4e9f0 !important; }
.sarmiento.lighten-4 { background-color: #b1c0d4 !important; }
.sarmiento-text.text-lighten-4 { color: #b1c0d4 !important; }
.sarmiento.lighten-3 { background-color: #849bbb !important; }
.sarmiento-text.text-lighten-3 { color: #849bbb !important; }
.sarmiento.lighten-2 { background-color: #6280a9 !important; }
.sarmiento-text.text-lighten-2 { color: #6280a9 !important; }
.sarmiento.lighten-1 { background-color: #416596 !important; }
.sarmiento-text.text-lighten-1 { color: #416596 !important; }
.sarmiento.darken-1 { background-color: #1b4174 !important; }
.sarmiento-text.text-darken-1 { color: #1b4174 !important; }
.sarmiento.darken-2 { background-color: #183864 !important; }
.sarmiento-text.text-darken-2 { color: #183864 !important; }
.sarmiento.darken-3 { background-color: #142f54 !important; }
.sarmiento-text.text-darken-3 { color: #142f54 !important; }
.sarmiento.darken-4 { background-color: #102645 !important; }
.sarmiento-text.text-darken-4 { color: #102645 !important; }

/****************/
/*** CABECERA ***/
/****************/

.navbar-fixed nav.sarmiento.darken-1 {
    background-color: #ffffff !important;
    color: var(--sarmiento-black) !important;
    box-shadow: none !important;
}

/* Iconos cabecera (usuario, teléfono, email, idioma, volver) */
.navbar-fixed nav.sarmiento.darken-1 .nav-wrapper .material-icons,
.navbar-fixed nav.sarmiento.darken-1 .tooltipped,
.navbar-fixed nav.sarmiento.darken-1 .nav-wrapper ul li a {
    color: var(--sarmiento-black) !important;
}

#dropdown_idiomas li a {
    color: var(--sarmiento-black) !important;
}

.button-collapse i {
    color: var(--sarmiento-black) !important;
}

/* Barra azul bajo el logo (render: #1f4a84) */
.row.barrasombra,
.barrasombra {
    background: var(--sarmiento-primary) !important;
    background-color: var(--sarmiento-primary) !important;
}

/*****************/
/*** CONTAINER ***/
/*****************/

/* Pasos del wizard (inline usa color2; refuerzo por si acaso) */
.mispasos .done .step,
.mispasos .done .step:before,
.mispasos .done .step:after,
.mispasos .active .step,
.mispasos .active .step:before {
    background-color: var(--sarmiento-accent) !important;
    color: #ffffff !important;
}

.mispasos .done .step,
.mispasos .active .step {
    border: 3px solid var(--sarmiento-accent) !important;
}

/* Iconos resumen búsqueda (recogida, devolución, fechas, edad, promo…) */
.material-icons.prefix.sarmiento-text {
    color: var(--sarmiento-primary) !important;
}

/* Botón "Modificar búsqueda" */
#btnVolverBuscar.sarmiento.darken-1,
.sarmiento.darken-1.btn {
    background-color: var(--sarmiento-accent) !important;
    color: #ffffff !important;
}

/* Slider rango de precios */
.noUi-horizontal .noUi-handle,
.noUi-horizontal .noUi-handle.sarmiento.darken-3 {
    background: var(--sarmiento-black) !important;
}

.noUi-origin.noUi-connect.sarmiento.darken-1 {
    background: var(--sarmiento-black) !important;
}

/**********************/
/*** Listado coches ***/
/**********************/

/* Badge grupo (L1, CP, F9++, …) — sin depender de color1=sarmiento en BD */
.grupo_container .grupo,
.car-details .grupo,
span.grupo.white-text {
    background-color: var(--sarmiento-primary) !important;
    color: #ffffff !important;
}

/* Título del vehículo */
.nombregrupo,
.nombregrupo.sarmiento-text {
    color: var(--sarmiento-black) !important;
}

/* Precio / día */
.destino_precio_dia strong,
.contenedor_precio_dia strong,
.contenedor_precio_dia_b strong,
.destino_precio_dia strong.sarmiento-text,
.contenedor_precio_dia strong.sarmiento-text,
.contenedor_precio_dia_b strong.sarmiento-text,
.precio_dia.sarmiento-text,
.package-price .sarmiento-text,
.package-price strong {
    color: var(--sarmiento-primary) !important;
}

/* Paquetes webpack: botón principal */
.package-actions .btn:first-child {
    background-color: var(--sarmiento-accent) !important;
    color: #ffffff !important;
}

/* Segundo botón (pago completo, etc.) */
.package-actions .btn:nth-child(2) {
    background-color: var(--sarmiento-primary) !important;
    color: #ffffff !important;
}

.package-header.sarmiento.darken-4 {
    background-color: var(--sarmiento-primary) !important;
}

/* Botones reservar — sin depender de color1=sarmiento en BD */
.reservar.white-text[data-opcion="1"],
.reservar.white-text.pago_total_descuento,
.reservar.white-text.pago_parcial,
.reservar.sarmiento.darken-4,
.reservar.sarmiento.darken-1 {
    background-color: var(--sarmiento-accent) !important;
    color: #ffffff !important;
}

.reservar.white-text[data-opcion="2"],
.reservar.sarmiento.darken-3 {
    background-color: var(--sarmiento-primary) !important;
    color: #ffffff !important;
}

.reservar.white-text .material-icons,
.reservar.white-text .reservar_siguiente_paso,
.reservar.white-text .reservar_titulo,
.reservar.white-text .reservar_precio,
.reservar.white-text .reservar_coletilla {
    color: #ffffff !important;
}

/****************/
/*** VARIOS   ***/
/****************/

#btnBuscar {
    font-size: 12px;
}

#btnBuscar i {
    font-size: 14px;
    margin-left: 0;
}