@font-face {
    font-family: "IBMPlexSansThaiLooped";
    src: url(/themes/default/fonts/IBM_Plex_Sans_Thai_Looped/IBMPlexSansThaiLooped-Light.ttf) format("truetype");
}
@font-face {
    font-family: "IBMPlexSansThaiLoopedBold";
    src: url(/themes/default/fonts/IBM_Plex_Sans_Thai_Looped/IBMPlexSansThaiLooped-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "NotoSansThai";
    src: url(/themes/default/fonts/Noto_Sans_Thai/NotoSansThai-VariableFont_wdth,wght.ttf) format("truetype");
}
@font-face {
    font-family: "NotoSansThai-Bold";
    src: url(/themes/default/fonts/Noto_Sans_Thai/static/NotoSansThai-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "NotoSansThai_SemiCondensed-SemiBold";
    src: url(/themes/default/fonts/Noto_Sans_Thai/static/NotoSansThai_SemiCondensed-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "NotoSansThai-Regular";
    src: url(/themes/default/fonts/Noto_Sans_Thai/static/NotoSansThai-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Kanit";
    src: url(/themes/default/fonts/Kanit/Kanit-Regular.ttf) format("truetype");
}


body,
html {
    -webkit-text-size-adjust: none;
    font-family: "IBMPlexSansThaiLooped", sans-serif;
}
h1 {
    font-family: "NotoSansThai-Bold", sans-serif;
    font-size: 46px;
}
h2 {
    font-family: "NotoSansThai-Bold", sans-serif;
    font-size: 36px;
}
h3 {
    font-family: "NotoSansThai-Bold", sans-serif;
    font-size: 26px;
}

.ql-align-center {
    text-align: center !important;
}

.ql-align-left {
    text-align: left !important;
}

.ql-align-right {
    text-align: right !important;
}

.ql-align-justify {
    text-align: justify !important;
}


.ber-booked {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #d21e33;
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 0.9rem;
    border-bottom-left-radius: 8px;
    padding: 0.25rem 0.5rem;
}

/* .ber-detail-content-booked {
    background-color: #d21e33;
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 1.5rem;
} */

@media (max-width: 768px) {
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }

    .ber-booked {
        font-size: 0.8rem;
        padding: 0.2rem 0.4rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }

    .ber-booked {
        font-size: 0.75rem;
        padding: 0.15rem 0.3rem;
    }
}