/*--------------------------------------------------------------------*/
/* FastAuto — referencia: cabecera naranja, iconos blancos, CTA #FF5C18 */
/*--------------------------------------------------------------------*/

:root {
    --fastauto-primary: #FF5C18;
    --fastauto-dark: #e04f10;
    --fastauto-black: #333333;
    --fastauto-white: #ffffff;
    --fastauto-muted: #9e9e9e;
    --fastauto-radius: 6px;
}

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

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

.fastauto.lighten-5 { background-color: #ffe8dc !important; }
.fastauto-text.text-lighten-5 { color: #ffe8dc !important; }
.fastauto.lighten-4 { background-color: #ffd1b9 !important; }
.fastauto-text.text-lighten-4 { color: #ffd1b9 !important; }
.fastauto.lighten-3 { background-color: #ffb08c !important; }
.fastauto-text.text-lighten-3 { color: #ffb08c !important; }
.fastauto.lighten-2 { background-color: #ff7c46 !important; }
.fastauto-text.text-lighten-2 { color: #ff7c46 !important; }
.fastauto.lighten-1 { background-color: #ff6c2f !important; }
.fastauto-text.text-lighten-1 { color: #ff6c2f !important; }
.fastauto.darken-1 { background-color: var(--fastauto-primary) !important; }
.fastauto-text.text-darken-1 { color: var(--fastauto-primary) !important; }
.fastauto.darken-2 { background-color: var(--fastauto-dark) !important; }
.fastauto-text.text-darken-2 { color: var(--fastauto-dark) !important; }
.fastauto.darken-3 { background-color: #c4450e !important; }
.fastauto-text.text-darken-3 { color: #c4450e !important; }
.fastauto.darken-4 { background-color: var(--fastauto-primary) !important; }
.fastauto-text.text-darken-4 { color: var(--fastauto-primary) !important; }

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

/* Barra superior naranja continua (como en la referencia) */
.navbar-fixed nav.fastauto.darken-1 {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
    box-shadow: none !important;
}

.navbar-fixed nav.fastauto.darken-1 .nav-wrapper .material-icons,
.navbar-fixed nav.fastauto.darken-1 .tooltipped,
.navbar-fixed nav.fastauto.darken-1 .nav-wrapper ul li a {
    color: var(--fastauto-white) !important;
}

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

.button-collapse i {
    color: var(--fastauto-white) !important;
}

/* Logo legible sobre naranja: pastilla blanca */
.navbar-fixed nav .nav-wrapper #logo-container.brand-logo,
.navbar-fixed nav .nav-wrapper .brand-logo {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: auto !important;
    max-height: 56px;
    display: inline-flex;
    align-items: center;
    background: var(--fastauto-white);
    border-radius: var(--fastauto-radius);
    padding: 4px 10px;
    margin-left: 8px;
}

#front-page-logo {
    height: auto;
    max-height: 40px;
    width: auto;
    display: block;
}

@media only screen and (max-width: 992px) {
    .navbar-fixed nav .nav-wrapper #logo-container.brand-logo,
    .navbar-fixed nav .nav-wrapper .brand-logo {
        left: 0;
        transform: translateY(-50%);
        margin-left: 48px;
    }
}

/* Continuación del naranja bajo el logo (sin barra negra) */
.row.barrasombra,
.barrasombra {
    background: var(--fastauto-primary) !important;
    background-color: var(--fastauto-primary) !important;
    height: 8px !important;
}

/*****************/
/*** STEPPER   ***/
/*****************/

.mispasos .done .step,
.mispasos .done .step:before,
.mispasos .done .step:after,
.mispasos .active .step,
.mispasos .active .step:before {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
}

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

.mispasos .step {
    border-color: var(--fastauto-muted) !important;
}

/*****************/
/*** FORMULARIO ***/
/*****************/

.material-icons.prefix.fastauto-text {
    color: var(--fastauto-primary) !important;
}

#btnVolverBuscar.fastauto.darken-1,
.fastauto.darken-1.btn,
#btnBuscar.fastauto.darken-1,
a.btn.fastauto.darken-1,
button.btn.fastauto.darken-1 {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
    border-radius: var(--fastauto-radius) !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(255, 92, 24, 0.35) !important;
}

#btnVolverBuscar.fastauto.darken-1:hover,
.fastauto.darken-1.btn:hover,
#btnBuscar.fastauto.darken-1:hover {
    background-color: var(--fastauto-dark) !important;
}

.noUi-horizontal .noUi-handle,
.noUi-horizontal .noUi-handle.fastauto.darken-3 {
    background: var(--fastauto-primary) !important;
    box-shadow: none !important;
}

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

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

.grupo_container .grupo,
.car-details .grupo,
span.grupo.white-text {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
    border-radius: 4px;
}

.nombregrupo,
.nombregrupo.fastauto-text {
    color: var(--fastauto-black) !important;
}

.destino_precio_dia strong,
.contenedor_precio_dia strong,
.contenedor_precio_dia_b strong,
.destino_precio_dia strong.fastauto-text,
.contenedor_precio_dia strong.fastauto-text,
.contenedor_precio_dia_b strong.fastauto-text,
.precio_dia.fastauto-text,
.package-price .fastauto-text,
.package-price strong {
    color: var(--fastauto-primary) !important;
}

.package-actions .btn:first-child,
.package-actions .btn:nth-child(2) {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
    border-radius: var(--fastauto-radius) !important;
}

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

.reservar.white-text[data-opcion="1"],
.reservar.white-text.pago_total_descuento,
.reservar.white-text.pago_parcial,
.reservar.fastauto.darken-4,
.reservar.fastauto.darken-1,
.reservar.white-text[data-opcion="2"],
.reservar.fastauto.darken-3 {
    background-color: var(--fastauto-primary) !important;
    color: var(--fastauto-white) !important;
    border-radius: var(--fastauto-radius) !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: var(--fastauto-white) !important;
}

/****************/
/*** FOOTER   ***/
/****************/

footer.page-footer.fastauto,
footer.page-footer .footer-copyright.fastauto.darken-1 {
    background-color: var(--fastauto-primary) !important;
}

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

#btnBuscar {
    font-size: 13px;
    font-weight: 600;
    min-height: 42px;
    line-height: 42px;
}

#btnBuscar i {
    font-size: 18px;
    margin-left: 4px;
}

/* Card del buscador más cercana a la referencia */
.card,
.card-panel {
    border-radius: 10px !important;
}