/* ===== style-menu.css =====
   Submenu Level-2 (ข้อมูลสถานศึกษา → รายการย่อย)
   ================================================ */

/* ตั้งค่าให้เมนูที่มีเมนูย่อยชั้นที่ 2 อ้างอิงตำแหน่งที่ถูกต้อง */
.dropdown-submenu {
    display: block;
    position: relative;
}

/* ลิงก์หัวข้อ "ข้อมูลสถานศึกษา" */
.dropdown-submenu > a.submenu-toggle {
    display: block;
    color: #333;
    padding: 10px 18px;
    font-size: 0.88rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
}

.dropdown-submenu > a.submenu-toggle:hover {
    background: #e8f0fe;
    color: #002b6b;
    padding-left: 24px;
}

/* ตั้งค่า Submenu ชั้นที่ 2 ให้ซ่อนไว้ก่อน และกำหนดตำแหน่งให้ออกไปทางขวา */
.submenu-level-2 {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;       /* เด้งออกไปทางขวา */
    background-color: #fff;
    list-style: none;
    padding: 6px 0;
    margin: 0;
    min-width: 230px;
    box-shadow: 0 12px 40px rgba(0,43,107,0.18);
    border-radius: 10px;
    border-top: 3px solid #002b6b;
    z-index: 3000;
    animation: subFadeIn 0.2s ease;
}

@keyframes subFadeIn {
    from { opacity: 0; transform: translateX(-8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* แสดง Submenu ชั้นที่ 2 เมื่อเอาเมาส์ชี้ที่ dropdown-submenu */
.dropdown-submenu:hover .submenu-level-2 {
    display: block;
}

/* สไตล์สำหรับลิงก์ใน Submenu ชั้นที่ 2 */
.submenu-level-2 li {
    margin: 0;
    padding: 0;
}

.submenu-level-2 li a {
    display: block;
    color: #333;
    padding: 9px 18px;
    font-size: 0.85rem;
    text-decoration: none;
    border-bottom: 1px solid #f0f2f8;
    transition: all 0.2s ease;
}

.submenu-level-2 li:last-child a {
    border-bottom: none;
}

.submenu-level-2 li a:hover {
    background-color: #e8f0fe;
    color: #002b6b;
    padding-left: 26px;
}

/* ===== Mobile fallback: submenu ชั้น 2 ในมือถือ / แท็บเล็ต ===== */
@media screen and (max-width: 1100px) {
    .submenu-level-2 {
        position: static !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border-top: none !important;
        border-left: 3px solid #002b6b;
        margin-left: 16px;
        animation: none;
    }

    .dropdown-submenu:hover .submenu-level-2 {
        display: none; /* ปิด hover บนมือถือ */
    }

    /* ใช้คลาส active แทนสำหรับมือถือ */
    .dropdown-submenu.active .submenu-level-2 {
        display: block !important;
    }

    .submenu-level-2 li a {
        padding-left: 20px !important;
        font-size: 0.82rem;
    }
}