/*
 * Sifency Addons — Shader Overlay Widget
 * Handle : sifency-shader-overlay
 * Version: 1.0.0
 *
 * TABLE OF CONTENTS
 * ─────────────────
 * 1. Wrapper
 * 2. Canvas
 * 3. Content overlay
 * 4. Typography
 * 5. Fallback (no WebGL)
 */

/* ── 1. Wrapper ─────────────────────────────────── */

.sifency-shader-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    /* border-radius set via Elementor selector */
}

/* ── 2. Canvas ──────────────────────────────────── */

.sifency-shader-canvas {
    display: block;
    width: 100%;
    /* height driven by Elementor responsive control */
    height: 500px;
    object-fit: cover;
}

/* ── 3. Content overlay ─────────────────────────── */

.sifency-shader-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    /* align-items / justify-content set via Elementor selectors */
    align-items: center;
    justify-content: center;
    z-index: 2;
    /* default padding — overridden by Elementor responsive control */
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
}

/* ── 4. Typography ──────────────────────────────── */

.sifency-shader-heading {
    margin: 0 0 12px;
    color: #F1E6D0;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.sifency-shader-subheading {
    margin: 0;
    color: rgba(241, 230, 208, 0.75);
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 600px;
}

/* ── 5. Fallback (no WebGL) ─────────────────────── */

.sifency-shader-wrap.sifency-no-webgl .sifency-shader-canvas {
    display: none;
}

.sifency-shader-wrap.sifency-no-webgl {
    background: #F4793A;
}