/**
 * ============================================================
 * Nusantara Brew — assets/css/style.css
 * Global Stylesheet (Extended / Override Layer)
 * ============================================================
 *
 * File ini di-load oleh index.php sebagai stylesheet global.
 * Sebagian besar styling sudah inline di dalam <style> tag
 * di masing-masing halaman untuk performa optimal.
 * File ini berisi reset tambahan dan utilitas global.
 * ============================================================
 */

/* ── Google Fonts fallback stack ──────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

/* ── Box-sizing global ────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
}

/* ── Smooth scroll ────────────────────────────────────────── */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

/* ── Remove tap highlight on mobile ──────────────────────── */
* {
    -webkit-tap-highlight-color: transparent;
}

/* ── Images ───────────────────────────────────────────────── */
img, video {
    max-width: 100%;
    display: block;
}

/* ── Focus visible ring (accessibility) ──────────────────── */
:focus-visible {
    outline: 2px solid var(--clr-gold, #C9963E);
    outline-offset: 2px;
    border-radius: 4px;
}

/* ── Reduced motion ───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ── Print: hide nav, footer, interactive elements ────────── */
@media print {
    nav, footer, .floating-actions,
    .cart-overlay, .cart-panel,
    .opsi-modal-overlay, #toast-container {
        display: none !important;
    }
    body {
        background: #fff !important;
        color: #000 !important;
    }
}

/* ── Utility: visually hidden (screen reader only) ────────── */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ── Utility: clearfix ────────────────────────────────────── */
.clearfix::after {
    content: '';
    display: table;
    clear: both;
}