@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Styles */
body {
    font-family: 'Noto Sans KR', sans-serif;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Menu Page Specific Styles */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.menu-card:hover .hover-details {
    opacity: 1;
}

/* Brand Story Page Specific Styles */
.video-overlay-gradient {
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
}

/* Store Locator Page Specific Styles */
body.store-locator-page {
    overflow: hidden;
}
.map-container {
    height: calc(100vh - 65px);
}
.sidebar-container {
    height: calc(100vh - 65px);
}

/* Mobile Responsive Overrides and Optimizations */
@media (max-width: 768px) {
    /* Improve touch targets on mobile */
    a, button {
        min-height: 44px;
        min-width: 44px;
    }

    /* Adjust font sizes for better readability on small screens */
    h1 {
        font-size: 2.25rem !important; /* 36px */
    }
    
    /* Ensure no horizontal scroll on mobile containers */
    body {
        overflow-x: hidden;
    }

    /* Custom mobile spacing */
    .section-padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}