/* Additional layout CSS (kept small; main styles in style.css) */

/* ============================================
   FOUC PREVENTION - GLOBAL
   ============================================ */

/* Prevent FOUC on all pages */
body {
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.css-loaded {
    opacity: 1;
}

/* Basic layout to prevent shifts */
.site-header {
    min-height: 80px;
}

.main-content {
    min-height: 60vh;
}

/* Loading states for dynamic content */
.loading-content {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-content.loaded {
    opacity: 1;
}

/* utility */
.text-muted{ color:#6b7280; }
.badge{ background:#f1f5f9; padding:6px 8px; border-radius:6px; font-weight:600; }

/* Hide empty WooCommerce notices wrapper (no phantom spacing) */
.woocommerce-notices-wrapper:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.woocommerce-notices-wrapper:not(:has(
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-notice,
    .is-error,
    .is-info,
    .is-success,
    .coupon-error-notice,
    [role="alert"]
)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}