/* ==================
   FONT SETTINGS
   ================== */

/* Heading - ใช้ Prompt ทั้งไทยและอังกฤษ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Prompt', sans-serif !important;
}

/* Body ภาษาไทย (default) */
body {
    font-family: 'Noto Sans Thai', sans-serif !important;
}

/* Body ภาษาอังกฤษ */
body.lang-en {
    font-family: 'Inter', sans-serif !important;
}

/* ให้ NAV อยู่เหนือ content ทั้งหมด */
nav.navbar {
    z-index: 1030 !important;
    position: relative !important;
}

/* ==================
   DESKTOP (>= 1200px)
   ================== */
@media (min-width: 1200px) {

    /* Category dropdown ติดกับปุ่ม ไม่มีช่องว่าง */
    .navbar .nav-item.dropdown.dropdown-menu-shadow-stacked {
        position: relative !important;
    }

    .navbar .nav-item.dropdown.dropdown-menu-shadow-stacked > .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        margin-top: 0 !important;
        background-color: #ffffff !important;
        z-index: 9999 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    /* Submenu เปิดออกทางขวา */
    .navbar .dropdown-submenu {
        position: relative !important;
    }

    .navbar .dropdown-submenu > .dropdown-menu {
        position: absolute !important;
        top: 0 !important;
        left: 100% !important;
        margin-top: 0 !important;
        min-width: 200px !important;
        background-color: #ffffff !important;
        border: 1px solid rgba(0,0,0,0.15) !important;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175) !important;
        z-index: 9999 !important;
        display: none !important;
    }

    .navbar .dropdown-submenu > .dropdown-menu.show {
        display: block !important;
    }
    .navbar .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
    }
}

/* ==================
   MOBILE (< 1200px)
   ================== */
@media (max-width: 1199px) {

    /* Category dropdown แสดง inline */
    .navbar .nav-item.dropdown.dropdown-menu-shadow-stacked {
        position: relative !important;
    }

    .navbar .nav-item.dropdown.dropdown-menu-shadow-stacked > .dropdown-menu {
        position: static !important;
        float: none !important;
        box-shadow: none !important;
        border: none !important;
        background-color: #f8f9fa !important;
        padding-left: 1rem !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* Submenu แสดงด้านล่าง inline */
    .navbar .dropdown-submenu > .dropdown-menu {
        position: static !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 1rem !important;
        background-color: #f8f9fa !important;
        display: none !important;
    }

    .navbar .dropdown-submenu > .dropdown-menu.show {
        display: block !important;
    }
}