/* Custom styles for Topping Apartment */

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

/* Custom gold gradient for buttons */
.btn-gold {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #d97706 100%);
    background-size: 200% auto;
    transition: background-position 0.3s ease;
}

.btn-gold:hover {
    background-position: right center;
}

/* Subtle hover lift for cards */
.card-glass {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.card-glass:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 40px rgba(217, 119, 6, 0.08);
}

/* Mobile menu overlay */
.mobile-menu {
    z-index: 50;
}

/* Smooth image loading */
img {
    opacity: 1;
    transition: opacity 0.3s ease;
}

img[data-src] {
    opacity: 0;
}

/* Focus visible for accessibility */
*:focus-visible {
    outline: 2px solid #d97706;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .nav-glass, .grain::before { display: none; }
    body { background: white; color: black; }
}