@charset "UTF-8";

/*base*/
@import url(./base/base.css);
@import url(./base/reset.css);
@import url(./base/variables.css);

/*layout*/
@import url(./layout/header.css);
@import url(./layout/footer.css);
@import url(./layout/main.css);

/*components*/
@import url(./components/button.css);
@import url(./components/dropdown.css);
@import url(./components/navbar.css);
@import url(./components/title.css);
@import url(./components/grid.css);
@import url(./components/mobile-menu.css);

/*pages*/
@import url(./pages/home.css);
@import url(./pages/location.css);

/*sections*/
@import url('./sections/booking.css');
@import url('./sections/instagram_reels.css');
@import url('./sections/menu_service.css');
@import url('./sections/etiquette.css');
@import url('./sections/instagram.css');
@import url('./sections/our-service.css');
@import url('./sections/philosophy.css');
@import url('./sections/locations.css');
@import url('./sections/about.css');
@import url('./sections/specials.css');
@import url('./sections/carousel.css');
@import url('./sections/contact_hours.css');

body {
    padding-top: 70px; /* Adjust this to match your header's height */
}

/* Mobile Viewport Logic */
@media (max-width: 991px) {
    .header-content {
        display: none; /* Hides the desktop links and logo */
    }
}