@import "../components/Headers/defaultHeader.css";
@import "../components/Filtri/custom-select.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";

@import "../Moduli/Griglie/detail-intro.css";
@import "../Moduli/ModuliInterattivi/info-mini-map.css";
@import "../components/faq.css";
@import "../components/Componenti/staff-card.css";
@import "../Moduli/ModuliInterattivi/staff-medico-grid.css";
@import "../Moduli/SliderScorrimento/news-stripe-centered.css";
@import "../Moduli/SliderScorrimento/carousel-big.css";


/* Relted Services
------------------------------------------------------------*/
    #related-services .preview-type_centered {
        margin-right: 1.563vw;
        width: calc(33.3% - 1.042vw);
    }

/* Booking button
------------------------------------------------------------*/
    .floating-booking {
        display: block;
        z-index: 2;
        position: fixed;
        bottom: 0;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
    }
    .floating-booking.active {
        transform: translateY(0);
    }
    .floating-booking-inner {
        padding-top: 0.521vw; /*10*/
        padding-bottom: 0.521vw; /*10*/
    }
    .floating-booking .btn {
        font-size: 0.938vw; /*18*/
        padding: 0.781vw 3.385vw; /*15 65*/
        letter-spacing: 0.01em;
    }
    .floating-booking .btn svg {
        height: 1.146vw; /*22*/
        width: 1.146vw; /*22*/
        transform: rotate(180deg);
        margin-left: 0.521vw; /*10*/
    }
    .floating-booking-inner br {
        display: none;
    }


@media screen and (max-width: 1920px) {
    .floating-booking-inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .floating-booking .btn {
        font-size: 18px;
        padding: 15px 65px;
        letter-spacing: 0.01em;
    }
    .floating-booking .btn svg {
        height: 22px;
        width: 22px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 1600px) {
    .floating-booking .btn {
        font-size: 17px;
    }
}

@media screen and (max-width: 1440px) {
    .floating-booking .btn {
        font-size: 16px;
        padding: 15px 50px;
    }
    .floating-booking .btn svg {
        height: 20px;
        width: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .floating-booking .btn {
        font-size: 15px;
        padding: 12px 50px;
    }
}

@media screen and (max-width: 992px) {
    #faq-stripe .stripe-container-inner,
    .floating-booking-inner,
    #location-services .stripe-container-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .service-row {
        padding: 0px 10px;
    }
}


@media screen and (max-width: 767px) {
    #related-services .preview-type_centered {
        margin-right: 1.5em;
    }

    .floating-booking-inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .floating-booking-inner br {
        display: block;
    }    
    .floating-booking-inner > div {
        letter-spacing: -0.02em;
        line-height: 1.2;
        padding-right: 20px;
    }
    .floating-booking .btn {
        min-width: 157px;
        font-size: 14px;
        padding: 12px 13px;
    }
    .floating-booking .btn {
        font-size: 14px;
        padding: 12px 13px;
    }
    .floating-booking .btn svg {
        height: 15px;
        width: 15px;
        margin-left: 6px;
    }
}