/* Custom styles supplementing Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: #872929;
    color: #f5e6e0;
}

/* Gold shimmer animation for special elements */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.text-shimmer {
    background: linear-gradient(90deg, #c9a84c 0%, #f0d78c 50%, #c9a84c 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}

/* Subtle pulse for CTA buttons */
@keyframes pulse-gold {
    0%, 100% { box-shadow: 0 0 0 0 rgba(201, 168, 76, 0.3); }
    50% { box-shadow: 0 0 0 10px rgba(201, 168, 76, 0); }
}

.btn-pulse:hover {
    animation: pulse-gold 1.5s ease-in-out infinite;
}

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

.img-zoom img {
    transition: transform 0.6s ease;
}

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

/* Navbar scrolled state */
.nav-scrolled {
    background: rgba(13, 13, 13, 0.95) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(201, 168, 76, 0.1);
}

/* Decorative divider */
.divider-gold {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.divider-gold::before,
.divider-gold::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.3), transparent);
}