/* KG FITNESS (NR1) — Custom Styles */

:root {
    --gold: #D4AF37;
    --gold-deep: #B8962E;
    --gold-light: #E5C964;
    --dark: #0B0B0B;
    --dark-card: #1A1A1A;
    --dark-border: #2A2A2A;
    --muted: #9A9A9A;
    --light: #F5F5F5;
    --accent: #C07A2C;
}

html, body {
    overflow-x: hidden;
    width: 100%;
}
html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}

::selection {
    background: rgba(212, 175, 55, 0.3);
    color: var(--light);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: var(--dark-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted); }

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { display: inline-block; }

[x-cloak] { display: none !important; }

/* AOS overrides for smoother feel */
[data-aos] { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; }

/* Reviews carousel — responsive card width */
@media (max-width: 640px) {
    .review-card { width: 280px; }
}

/* Gallery aspect ratios */
.aspect-\[4\/5\] { aspect-ratio: 4/5; }

@media print {
    header, footer, .mobile-cta, .cookie-banner, [x-data="cookieConsent()"] { display: none !important; }
    body { background: white; color: black; }
    .card { border: 1px solid #ccc; background: white; }
}