/**
 * Mamba Critical CSS - Base Styles
 * 
 * Minimal critical styles for above-the-fold rendering.
 * These are intentionally NON-DESTRUCTIVE to avoid breaking theme styles.
 * 
 * @package Mamba\Modules\CriticalCss
 * @since   1.1.0
 */

/* Ensure box-sizing is consistent (most themes already have this) */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Prevent FOUC - ensure body is visible */
body {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Screen reader text (accessibility) */
.screen-reader-text,
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

/* Skip link focus */
.skip-link:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Hidden utility */
.hidden,
[hidden] {
    display: none !important;
}

/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}