/*--------------------------------------------------------------------------*/
/* Global Rent a Car — #0f2645 (marino) / #67c22c (verde) / #2c8ac9 (azul)  */
/*--------------------------------------------------------------------------*/

:root {
    --globalrentacar-primary: #0f2645;
    --globalrentacar-green: #67c22c;
    --globalrentacar-blue: #2c8ac9;
    --globalrentacar-black: #000000;
}

/* Escala Materialize (.globalrentacar)
   darken-1 = primario: la cabecera usa darken-1 y debe coincidir con el fondo del logo */
.globalrentacar {
    background-color: var(--globalrentacar-primary) !important;
}

.globalrentacar-text {
    color: var(--globalrentacar-green) !important;
}

.globalrentacar.lighten-5 { background-color: #dbdee3 !important; }
.globalrentacar-text.text-lighten-5 { color: #dbdee3 !important; }
.globalrentacar.lighten-4 { background-color: #b2bac3 !important; }
.globalrentacar-text.text-lighten-4 { color: #b2bac3 !important; }
.globalrentacar.lighten-3 { background-color: #8995a4 !important; }
.globalrentacar-text.text-lighten-3 { color: #8995a4 !important; }
.globalrentacar.lighten-2 { background-color: #617084 !important; }
.globalrentacar-text.text-lighten-2 { color: #617084 !important; }
.globalrentacar.lighten-1 { background-color: #384b65 !important; }
.globalrentacar-text.text-lighten-1 { color: #384b65 !important; }
.globalrentacar.darken-1 { background-color: var(--globalrentacar-primary) !important; }
.globalrentacar-text.text-darken-1 { color: var(--globalrentacar-primary) !important; }
.globalrentacar.darken-2 { background-color: var(--globalrentacar-primary) !important; }
.globalrentacar-text.text-darken-2 { color: var(--globalrentacar-primary) !important; }
.globalrentacar.darken-3 { background-color: #0b1c33 !important; }
.globalrentacar-text.text-darken-3 { color: #0b1c33 !important; }
.globalrentacar.darken-4 { background-color: var(--globalrentacar-primary) !important; }
.globalrentacar-text.text-darken-4 { color: var(--globalrentacar-primary) !important; }

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

.navbar-fixed nav.globalrentacar.darken-1 {
    background-color: var(--globalrentacar-primary) !important;
    color: #ffffff !important;
}

/* Logo más grande: el PNG (232x92) lleva margen del mismo azul que la cabecera,
   a 40px (por defecto) el dibujo queda en ~24px. A 64px no se reescala por encima del original */
.navbar-fixed nav .nav-wrapper #logo-container.brand-logo,
.navbar-fixed nav .nav-wrapper .brand-logo {
    height: 64px !important;
}

#front-page-logo {
    height: 64px;
}

@media only screen and (max-width: 600px) {
    .navbar-fixed nav .nav-wrapper #logo-container.brand-logo,
    .navbar-fixed nav .nav-wrapper .brand-logo {
        height: 56px !important;
    }

    #front-page-logo {
        height: 56px;
    }
}

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

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

.button-collapse i {
    color: #ffffff !important;
}

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

/* Pasos del wizard (inline usa color2 = azul; 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(--globalrentacar-blue) !important;
    color: #ffffff !important;
}

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

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

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

#btnVolverBuscar .material-icons {
    color: #ffffff !important;
}

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

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

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

/* Badge grupo (B, BH, …) en azul */
.grupo_container .grupo,
.car-details .grupo,
span.grupo.white-text {
    background-color: var(--globalrentacar-blue) !important;
    color: #ffffff !important;
}

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

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

/* Paquetes webpack */
.package-actions .btn:first-child,
.package-actions .btn:nth-child(2) {
    background-color: var(--globalrentacar-primary) !important;
    color: #ffffff !important;
}

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

/* Botones reservar (marino) */
.reservar.white-text[data-opcion="1"],
.reservar.white-text[data-opcion="2"],
.reservar.white-text.pago_total_descuento,
.reservar.white-text.pago_parcial,
.reservar.globalrentacar.darken-4,
.reservar.globalrentacar.darken-3,
.reservar.globalrentacar.darken-1 {
    background-color: var(--globalrentacar-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;
}