/* Book Kumana Safari - Custom CSS & Micro-Animations */
[x-cloak] {
    display: none !important;
}

@layer utilities {
    .text-glow {
        text-shadow: 0 0 20px rgba(212, 160, 23, 0.4);
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050805;
}
::-webkit-scrollbar-thumb {
    background: #1B4332;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #D4A017;
}

/* Glassmorphism utilities */
.glass-card {
    background: rgba(18, 26, 18, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(45, 106, 79, 0.3);
}

/* Safe Area Inset Padding for Notched Devices (iOS iPhones) */
.pb-safe {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.bottom-safe {
    bottom: env(safe-area-inset-bottom, 0px);
}

/* Touch Target Minimum Specifications (Apple HIG / WCAG 44x44px min) */
.touch-target {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Prevent horizontal overflow on mobile viewports */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
    -webkit-tap-highlight-color: transparent;
}

/* Mobile Drawer Smooth Scrolling */
.mobile-drawer-scroll {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Active Glow & Shadow Utilities */
.glow-gold {
    box-shadow: 0 0 25px rgba(212, 160, 23, 0.25);
}
.glow-emerald {
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.2);
}

/* Prevent automatic font zooming on iOS inputs */
@media screen and (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="date"],
    select,
    textarea {
        font-size: 16px !important;
    }
}