/* Custom Styles for Al-Rahman Interior */

:root {
    --brand-navy: #0E1726;
    --brand-deep: #070D18;
    --brand-gold: #C5A880;
    --brand-gold-hover: #B39366;
    --brand-gold-light: #E8DCC8;
    --brand-cream: #FDFBF7;
    --brand-sand: #F5F0E8;
    --brand-charcoal: #1E2530;
}

html {
    scroll-behavior: smooth;
    text-size-adjust: 100%;
}

/* Subtle Zoom Animation for Hero Background */
@keyframes subtleZoom {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.0);
    }
}

.animate-subtle-zoom {
    animation: subtleZoom 25s infinite ease-in-out alternate;
}

/* Modal animation */
@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-scale-up {
    animation: scaleUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Smooth active state for gallery filter */
.filter-btn {
    transition: all 0.2s ease-in-out;
}

.filter-btn.active-filter {
    background-color: var(--brand-navy) !important;
    color: #ffffff !important;
    border-color: var(--brand-navy) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1ede6;
}

::-webkit-scrollbar-thumb {
    background: #c5a880;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9d825c;
}

/* Input focus glow */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(197, 168, 128, 0.2);
}

/* Glassmorphism Styles - High Transparency & Vibrancy */
.glass-panel {
    background: rgba(8, 14, 26, 0.26);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45), inset 0 1px 1.5px rgba(255, 255, 255, 0.35);
}

.glass-badge {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(197, 168, 128, 0.45);
}

.glass-btn {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.glass-btn:hover {
    background: rgba(255, 255, 255, 0.28);
    border-color: rgba(197, 168, 128, 0.7);
}

.glass-stat {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

/* Hero Slideshow Transitions */
.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.0s ease-in-out, transform 5s ease-out;
    transform: scale(1.06);
    pointer-events: none;
}

.hero-slide.active-slide {
    opacity: 0.72;
    transform: scale(1.0);
    pointer-events: auto;
}

.slide-dot {
    transition: all 0.3s ease;
}

.slide-dot.active-dot {
    width: 2.25rem !important;
    background-color: #C5A880 !important;
}