/* กำหนดฟอนต์ Prompt ให้กับทั้ง Body และปรับ padding-top เพื่อรองรับ Navbar fixed */
body {
    font-family: 'Prompt', sans-serif;
}

/* Override Tailwind's default button focus outline if desired */
button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); /* blue-500 with opacity */
}

/* Custom styles for mobile menu transition */
.mobile-menu {
    transform: translateY(-100%);
    transition: transform 0.3s ease-out;
    top: 4rem; /* Match the height of your fixed navbar (py-3 approx 4rem total) */
}
.mobile-menu.open {
    transform: translateY(0);
}

/* Ensure mobile menu links stretch and center text for better visual */
.mobile-menu a {
    width: 100%; /* Make links take full width in mobile menu */
    text-align: center; /* Center the text within the link */
}

/* Responsive adjustments for main content padding below fixed navbar */
@media (max-width: 767px) { /* For screens smaller than md (768px) */
    body {
        padding-top: 4rem; /* Ensure content starts below the fixed navbar on mobile */
    }
    .flex-grow.flex {
        padding-top: 1rem !important; /* Adjust main container top padding for mobile */
        padding-bottom: 1rem !important; /* Adjust main container bottom padding for mobile */
    }
}

/* Ensure footer sticks to the bottom on shorter content pages */
html, body {
    height: 100%;
}
/* Ensure the main content area grows to push the footer down */
.flex-grow {
    flex-grow: 1;
}