/* Rezervasyon widget'ının site (Tailwind) ile uyumu için ek kurallar */

/* Widget Bootstrap'in d-none sınıfını kullanıyor; sitede Bootstrap yok */
.ecc-reservation-form .d-none {
    display: none;
}

/* 100vw dikey scrollbar varken yatay taşma yaratıyor */
.ecc-reservation-form {
    left: 0;
    width: 100%;
}

/* Sabit alt barın footer içeriğini örtmemesi için */
body {
    padding-bottom: calc(5vw + 2px);
}

/* Yukarı çık butonu alt bar ve Jivo etiketinin üstünde kalsın */
body .top-btn {
    bottom: calc(5vw + 40px + 1.5rem) !important;
}

/* Jivo sohbet: masaüstü etiketi (satır içi bottom: 0px) alt barın üstüne */
#jvLabelWrap {
    bottom: calc(5vw + 2px) !important;
}

/* Jivo sohbet: mobil buton. Jivo ekrana göre değişen satır içi zoom veriyor ve
   zoom bottom değerini de ölçeklediği için sabit zoom ile konumlanıyor.
   0.6 zoom ile: buton ~39px, bottom 100px -> ekranda ~60px (mobil barın üstü) */
.__jivoMobileButton {
    zoom: 0.6 !important;
    bottom: 100px !important;
}

/* Masaüstü ve mobil modülün aynı anda görünmemesi için (mobil bar <=915px'de açılıyor) */
@media only screen and (max-width: 915px) {
    .ecc-reservation-form {
        display: none;
    }

    body {
        padding-bottom: 60px;
    }

    body .top-btn {
        bottom: calc(60px + 40px + 1.5rem) !important;
    }

    #jvLabelWrap {
        bottom: 60px !important;
    }
}