/* Variabili */
:root {
    --bs-rosso-ucanrent: #E84A24;
    --bs-nero-ucanrent: #222223;
    --bs-bianco-ucanrent: #ffffff;
    --bs-grigio-chiaro-ucanrent: #EEEEEE;
    --bs-grigio-scuro-ucanrent: #9F9F9F;
    --bs-grigio-scritte-ucanrent: #7D7D7D;
}

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--bs-nero-ucanrent);
}

/* Utility */
.turbo-progress-bar {
    background-color: var(--bs-rosso-ucanrent) !important;
}

.text-grigio-scritte {
    color: var(--bs-grigio-scritte-ucanrent);
}

.btn-light {
    background-color: var(--bs-grigio-chiaro-ucanrent) !important;
    color: var(--bs-nero-ucanrent) !important;
}

.btn,
.form-control,
.form-control-lg {
    border-radius: 5px;
}

.btn-lg,
.form-control,
.ts-control,
.ts-control input {
    font-size: 14px !important;
}

.bg-dark {
    background-color: var(--bs-nero-ucanrent) !important;
}

.bg-light {
    background-color: var(--bs-grigio-chiaro-ucanrent) !important;
}

.radioBig {
    width: 20px;
    height: 20px;
}

.radioRosso {
    accent-color: #E84A24;
}

.checkboxBig {
    width: 50px !important;
    height: 25px;
}

.checkboxRosso {
    accent-color: #9F9F9F;
    background-color: #9F9F9F;
    border-color: #9F9F9F;
}

.checkboxRosso:focus {
    box-shadow: none;
    accent-color: #9F9F9F;
    background-color: #9F9F9F;
    border-color: #9F9F9F;
}

.form-switch .checkboxRosso:checked {
    accent-color: #E84A24;
    background-color: #E84A24;
    border-color: #E84A24;
}

.ts-control {
    padding: 8px 16px !important;
}

.btn-rosso {
    background-color: var(--bs-rosso-ucanrent) !important;
    color: var(--bs-bianco-ucanrent) !important;
}

.text-rosso {
    color: var(--bs-rosso-ucanrent) !important;
}

.border-rosso {
    border: 2px solid var(--bs-rosso-ucanrent) !important;
}

.ombraFull {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.ombraFullTesto {
    position: relative;
    z-index: 1;
}

.dropdown-toggle::after {
    border-top: 0.4em solid !important;
    border-right: .4em solid transparent !important;
    border-left: .4em solid transparent !important;
}



@media (min-width: 768px) {

    .btn-lg,
    .form-control-lg,
    .ts-control,
    .ts-control input {
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    .fixedmobile {
        position: fixed;
        z-index: 9;
        bottom: 0;
    }
}

/* Header  */
header .logo {
    max-height: 80px;
    max-width: 100%;
}

header .iconaLingua {
    width: 30px;
}

/* Coming soon */
.comingsoon {
    background-color: #F3C9BC;
}

.comingsoon header,
.comingsoon footer {
    display: none;
}

/* Homepage */
.homepage .backgroundImg {
    background-image: url("../media/img/sfondo-homepage-30acdb569d64032d68212f39727c334e.webp");
    background-size: cover;
    background-position: 50% 80%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0%;
    z-index: -1;
    width: 115%;
    height: 100vh;
}

.homepage #homeVideo {
    position: fixed;
    width: 110%;
    height: 130vh;
    top: 0;
    left: -10%;
    right: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
}

.homepage .container {
    max-width: 1200px;
}

.homepage .home-form {
    height: 75vh;
}

.homepage h1 {
    font-size: 20px;
    font-weight: bold;
}

.homepage .description {
    font-size: 14px;
    font-weight: medium;
}

.homepage .boxInputIcons .input-group-text {
    background: none;
    border-right: 0 !important;
}

.homepage .boxInputIcons .input-group-text img {
    height: 14px;
    color: var(--bs-nero-ucanrent);
}

.homepage .boxInputIcons .input-group .form-control {
    border-left: 0 !important;
}

.homepage input[type='date']::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.homepage .orarioRitiro,
.homepage .minutiRitiro,
.homepage .orarioConsegna,
.homepage .minutiConsegna {
    max-width: 60px !important;
    padding: 0 !important;
}

.homepage .orarioRitiro,
.homepage .orarioConsegna {
    border-left: 0;
    border-right: 0;
    text-align: right;
}

.homepage .minutiRitiro,
.homepage .minutiConsegna {
    border-left: 0;
    text-align: left;
}

@media (min-width: 768px) {
    .homepage h1 {
        font-size: 50px;
    }

    .homepage .description {
        font-size: 24px;
    }

    .homepage .boxInputIcons .input-group-text img {
        height: 25px;
    }

}


/* Ricerca */

.ricerca .tariffaAuto .boxTariffe {
    display: none;
}

.checkout #termini-pdf {
    height: 40vh;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Stile dell'overflow */
.checkout #termini-pdf::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.checkout #termini-pdf::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}


/* Contatti */

.header-contatti {
    background-image: url("../media/img/sfondo-contatti-98efa57ddf0f73d35590d7a112b015b4.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-contatti {
    background-image: url("../media/img/contatti-banner-0fb74551e0d341c318f25b59f445ddc1.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 50vh;
}