/* 
  Advance Maintenance Supply — Custom Styles
  Complements Tailwind CDN + inline <style> in index.html
*/

/* Base reset & smooth scroll */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Prevent horizontal scroll */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* Select all text for better readability */
p, li, span, label, input, textarea, select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Focus visible styles */
:focus-visible {
    outline: 2px solid #c9a227;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Custom select styling */
select option {
    background: #111111;
    color: #faf8f4;
    padding: 8px 12px;
}

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

/* Smooth transitions for all interactive elements */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Print styles */
@media print {
    header, footer, .cta-pulse {
        display: none;
    }
    body {
        background: white;
        color: black;
    }
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.75rem;
        color: #666;
    }
}