/**
 * Sera CLS Guard - Frontend Styles
 *
 * Supplementary styles for the CLS protection engine.
 * Critical CSS is printed inline at wp_head priority 1 by PHP.
 * This file provides additional non-critical styling.
 *
 * @package CLS_Guard
 */

/* Transition for smooth height changes when ads fill. */
[data-cls-guard="reserved"] {
    transition: min-height 0.15s ease-out;
}

/* Locked slots should not transition. */
[data-cls-guard="locked"] {
    transition: none;
}

/* Ensure ad containers do not collapse when empty. */
[data-cls-guard] {
    box-sizing: border-box;
}

/* Debug overlay label (only visible when debug_visual is active via JS). */
[data-cls-guard]::after {
    content: none;
}