/**
 * Snow On Image – Stylesheet
 * Version: 1.4.6
 * Ensures snowfall appears correctly over targeted Image and Cover blocks.
 */

/* === Canvas styling === */
.soi-snow-canvas {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 pointer-events: none;       /* allow clicks through snow */
 z-index: 10;                /* LOWERED Z-INDEX: Stays above image (z-index: auto/0), below header (z-index: 1000+) */
 display: block;
}

/* === Snow wrapper === */
.soi-snow-wrapper {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;           /* contain flakes */
 pointer-events: none;
 z-index: 10;                /* LOWERED Z-INDEX */
}

/* === Image & cover block setup === */
figure.snowfall,
.wp-block-image.snowfall,
.wp-block-cover.snowfall {
 position: relative;
 overflow: hidden;           /* ensures snow doesn’t spill out */
}

/* Ensure figcaptions remain visible above the snow */
figure.snowfall figcaption,
.wp-block-image.snowfall figcaption {
 position: relative;
 z-index: 11;               /* Above the snow (10) */
}

/* === Optional visual polish === */
.wp-block-cover.snowfall {
 contain: layout paint;
}

/* Hide overflow in nested images to prevent leak */
.wp-block-image.snowfall img {
 display: block;
 border-radius: inherit;
}

/* Responsive handling */
@media (max-width: 600px) {
 /* Minor optimization */
}

/* Accessibility note */
.soi-snow-canvas:focus,
.soi-snow-wrapper:focus {
 outline: none !important;
}