@charset "utf-8";
/* ล้างค่าเริ่มต้นของ List */
.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* ใช้ Flexbox เพื่อจัดเรียง */
    flex-wrap: wrap; /* ให้ขึ้นบรรทัดใหม่ได้เมื่อพื้นที่ไม่พอ */
    gap: 10px; /* ระยะห่างระหว่างเมนู */
}

/* ปรับแต่งตัวอักษรและหน้าตาพื้นฐาน */
.menu ul li a {
    display: block;
    text-decoration: none;
    font-family: "Noto Sans Thai", sans-serif;
    font-size: 1.1rem;
    color: #333;
    padding: 12px 20px;
    background-color: transparent;
    border-radius: 8px;
    transition: all 0.3s ease; /* ทำให้การขยับนุ่มนวล */
}

/* --- ลูกเล่นเมื่อเมาส์วาง (Hover) --- */
@media (hover: hover) {
    .menu ul li a:hover {
	background-color: #008d36; /* สีเขียวเดียวกับดรอปดาวน์ */
	color: #fff;
	/* ขยับขึ้น 5px และมีเงา */
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(141, 198, 63, 0.4);
    }
}

/* --- การแสดงผลตามขนาดหน้าจอ (Responsive) --- */