/* Hotel Dale View - Exact Cappa & Auriva Styling */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@300;400;500;600;700&family=Gilda+Display&display=swap');

:root {
    --gold: #aa8453;
    --gold-light: #c5a374;
    --bg-cream: #faf8f5;
    --bg-dark: #121518;
    --card-dark: #181c20;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1ede6;
}
::-webkit-scrollbar-thumb {
    background: #aa8453;
    border-radius: 4px;
}

/* Typography helper */
.font-serif {
    font-family: 'Gilda Display', Georgia, serif;
}
.font-condensed {
    font-family: 'Barlow Condensed', sans-serif;
}
.font-sans {
    font-family: 'Barlow', sans-serif;
}

/* Card Hover Lift */
.hover-lift {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}
.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

/* Image Zoom */
.zoom-img-container {
    overflow: hidden;
    position: relative;
}
.zoom-img-container img {
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.zoom-img-container:hover img {
    transform: scale(1.08);
}

/* Gold Divider */
.star-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.star-divider::before,
.star-divider::after {
    content: '';
    height: 1px;
    width: 45px;
    background: linear-gradient(90deg, transparent, rgba(170, 132, 83, 0.7));
}
.star-divider::after {
    background: linear-gradient(90deg, rgba(170, 132, 83, 0.7), transparent);
}

/* Kenburns Zoom */
@keyframes kenburns {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }
}
.hero-kenburns {
    animation: kenburns 24s ease-in-out infinite alternate;
}

/* Rotating Video Badge Animation */
@keyframes spinSlow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.spin-slow {
    animation: spinSlow 14s linear infinite;
}