/* Booking modal isolation: protect plugin UI from theme CSS leakage */

#bookingModal,
#bookingModal * {
    box-sizing: border-box;
}

#bookingModal .modal-content,
#bookingModal .modal-content * {
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* Keep Font Awesome icons functional inside modal. */
#bookingModal .modal-content i[class^="fa"],
#bookingModal .modal-content i[class*=" fa"],
#bookingModal .modal-content .fa-solid,
#bookingModal .modal-content .fa-regular,
#bookingModal .modal-content .fa-brands,
#bookingModal .modal-content .fa,
#bookingModal .modal-content .fas,
#bookingModal .modal-content .far,
#bookingModal .modal-content .fab {
    font-family: "Font Awesome 6 Free" !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

#bookingModal .modal-content .fa-brands,
#bookingModal .modal-content .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

#bookingModal h1,
#bookingModal h2,
#bookingModal h3,
#bookingModal h4,
#bookingModal h5,
#bookingModal h6,
#bookingModal p,
#bookingModal ul,
#bookingModal ol,
#bookingModal li,
#bookingModal figure,
#bookingModal form,
#bookingModal label,
#bookingModal input,
#bookingModal select,
#bookingModal textarea {
    margin: 0;
    border: 0;
}

#bookingModal ul,
#bookingModal ol {
    list-style: none;
    padding: 0;
}

#bookingModal a {
    color: inherit;
    text-decoration: none;
}

#bookingModal input,
#bookingModal select,
#bookingModal textarea,
#bookingModal button {
    font: inherit;
    color: inherit;
}

#bookingModal button {
    appearance: none;
}

#bookingModal img {
    max-width: 100%;
    height: auto;
    border-style: none;
}

#bookingModal .barber-item,
#bookingModal .service-item,
#bookingModal .next-btn,
#bookingModal .prev-btn,
#bookingModal .submit-btn {
    transition: none;
}

/* Prevent theme button skins from overriding plugin CTAs */
#bookingModal .next-btn,
#bookingModal .submit-btn,
#bookingModal .prev-btn,
#bookingModal .close-button {
    border-radius: inherit;
    box-shadow: none !important;
    background-image: none !important;
}