/**
 * Multi-Page Override CSS
 * This fixes the hidden content issue from the old single-page system
 * Add this AFTER second-template.css in your index.php
 */

/* Override the old show/hide system - show everything by default now */
.section-content {
    display: block !important;
    opacity: 1 !important;
}

/* Remove transition since we're not hiding/showing anymore */
.section-content.active {
    display: block !important;
    opacity: 1 !important;
}

/* Make sure all sections are visible */
.about-section,
.availability-section,
.specials-section,
.faqs-section,
.contact-section {
    display: block !important;
    opacity: 1 !important;
}

/* Mobile menu positioning - absolute to avoid disrupting pre-menu-area */
header nav.mobile-menu {
    position: absolute !important;
    top: 10px;
    right: 3%;
    z-index: 9999;
}

/* Mobile menu fix - show menu when open class is added */
header nav.mobile-menu.open .menu {
    display: block !important;
}

/* Position the menu dropdown below the trigger */
header nav.mobile-menu .menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px;
    margin-top: 5px;
    transition: all 0.3s ease-in-out;
}

/* Rotate hamburger icon when open */
header nav.mobile-menu .menu-trigger.open i {
    transform: rotate(90deg);
    transition: transform 0.3s ease-in-out;
}