/* Custom styles complementing Tailwind — all above-fold content remains visible without JS */

/* Smooth focus outlines for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #D4A843;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Subtle scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #030B18;
}
::-webkit-scrollbar-thumb {
    background: #1a2d4a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #D4A843;
}

/* Image aspect ratios */
.img-overlay {
    aspect-ratio: 1;
}

/* Gold line animation */
.line-gold {
    transition: width 0.5s ease;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Mobile menu backdrop */
#mobile-menu {
    backdrop-filter: blur(8px);
}

/* Contact card hover */
.card-glow {
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Print styles */
@media print {
    .fixed, #mobile-menu, #menu-overlay { display: none !important; }
    body { background: white; color: black; }
    .gold-text { color: #B8860B; -webkit-text-fill-color: #B8860B; }
}