/* 
    Custom Styles for Lunas Concession
    Bold Editorial Theme: Plum & Amber
*/

html {
    scroll-behavior: smooth;
}

body {
    /* Custom font settings applied via Tailwind, but ensuring base styles */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 
   Editorial decorative elements 
   Using pseudo-elements for the "newspaper" divider lines
*/
.section-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0;
}

.section-divider::before,
.section-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #fce7eb; /* plum-100 */
}

.section-divider span {
    padding: 0 1rem;
    color: #c7204d; /* plum-600 */
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

/* 
   Floating Animation for Hero Cards
*/
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.floating-card {
    animation: float 6s ease-in-out infinite;
}

.floating-card-delayed {
    animation: float 6s ease-in-out infinite;
    animation-delay: 3s;
}

/* 
   Image Hover Effects 
*/
.img-zoom-container {
    overflow: hidden;
}

.img-zoom-container img {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.img-zoom-container:hover img {
    transform: scale(1.05);
}

/* 
   Mobile Menu Transition
*/
#mobile-menu {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#mobile-menu.hidden {
    opacity: 0;
    pointer-events: none;
}

#mobile-menu:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}