/* ✅ Mete CSS solisyon an ICI, apre head.php */
body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}

  /* Modal bottom */
/* STIL TIKTOK - BOTTOM SHEET */
.modal.fade .modal-dialog.modal-bottom {
    display: flex;
    align-items: flex-end; /* Kole l nan fon an */
    justify-content: center;
    min-height: 100vh;
    margin: 0 auto; /* Santre l sou laptop */
    /* max-width: 470px; Menm lajè ak app a */
}

.modal-bottom .modal-content {
    width: 100%;
    border: none;
    border-radius: 1.5rem 1.5rem 0 0; /* Awondi sèlman anwo */
    margin: 0;
    /* padding-bottom: env(safe-area-inset-bottom); Pou iPhone ki gen baren anba */
    animation: slideUpTikTok 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* Retire espas Bootstrap konn mete toutotou modal la */
.modal-bottom {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Animasyon ki glise soti anba moute dous */
@keyframes slideUpTikTok {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* Fè background nwa a (backdrop) parèt pi byen */
.modal-backdrop.show {
    opacity: 0.4;
}