
:root {
    --primary-color: #198754;
}
body { 
    font-family: 'Poppins', sans-serif; 
    color: #333; 
}
.font-playfair { 
    font-family: 'Playfair Display', serif; 
}
.tracking-wide { 
    letter-spacing: 2px; 
}
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }

/* Hero Section */
.hero-section { 
    height: 85vh; 
    min-height: 650px; 
    position: relative; 
    overflow: hidden; 
}
.hero-bg { 
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%; 
    background-size: cover; 
    background-position: center; 
    background-attachment: fixed; /* Parallax effect */
    z-index: -2; 
}
.hero-overlay { 
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7)); 
    z-index: -1; 
}

/* Animations */
.animate-up { 
    animation: fadeInUp 1s ease forwards; 
    opacity: 0; 
    transform: translateY(30px); 
}
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }

@keyframes fadeInUp { 
    to { opacity: 1; transform: translateY(0); } 
}

/* Cards & Images */
.room-card { 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.room-card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.15)!important; 
}
.room-img { 
    height: 280px; 
    object-fit: cover; 
}

.gallery-item { 
    cursor: pointer; 
}
.gallery-item img { 
    transition: transform 0.5s ease; 
}
.gallery-item:hover img { 
    transform: scale(1.08); 
}

/* Hover Zoom */
.hover-zoom {
    transition: transform 0.5s ease;
    cursor: pointer;
}
.hover-zoom:hover {
    transform: scale(1.05);
}

/* Footer Fixes */
.footer-custom {
    border-top: 5px solid var(--primary-color);
}
.footer-links a {
    transition: color 0.3s ease;
}
.footer-links a:hover {
    color: var(--primary-color) !important;
}
.social-icon {
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.social-icon:hover {
    transform: translateY(-3px);
    background-color: #146c43 !important; /* darker success */
}
