/* ── Custom Styles for Junction Pub ── */

/* Smooth focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid #C9A227;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(201, 162, 39, 0.2);
    color: #0A1628;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0A1628;
}
::-webkit-scrollbar-thumb {
    background: #1B3A5E;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C9A227;
}

/* Menu item hover effect */
#menu ul li {
    transition: transform 0.2s ease;
}
#menu ul li:hover {
    transform: translateX(4px);
}

/* Image lazy load fade */
img {
    opacity: 1;
    transition: opacity 0.3s ease;
}
img[data-src] {
    opacity: 0;
}

/* Prevent flash of unstyled content */
.no-js .reveal {
    opacity: 1;
    transform: none;
}