/* HiTanger Additional Styles */
/* This file provides additional styles that complement Tailwind CSS */

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar for a premium feel */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f9f7f2;
}

::-webkit-scrollbar-thumb {
    background: #94a7ae;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1c2c35;
}

/* Image loading placeholder */
img {
    background-color: #e5e1d8;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #c5a47e;
    outline-offset: 2px;
}

/* Print styles for guide download */
@media print {
    .grain-overlay,
    nav,
    .fixed,
    button {
        display: none !important;
    }
    
    section {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}