/*
 * Atmospheric Textures Plugin
 * Static, scanlines, and background sigil styles
 */

/* ================================
   ATMOSPHERIC EFFECTS
   ================================ */

/* Static Overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/grain.png');
    background-repeat: repeat;
    opacity: 0.6; /* Default - overridden by customizer */
    pointer-events: none; /* CRITICAL - allows clicking through */
    z-index: 9998; /* Above everything else */
    mix-blend-mode: screen; /* Blends naturally with content */
    filter: invert(1); /* Inverts white to black */
}

/* Scanlines Overlay - CRT Effect */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.3),
        rgba(0, 0, 0, 0.3) 1px,
        transparent 1px,
        transparent 2px
    );
    opacity: 0.5; /* Default - overridden by customizer */
    pointer-events: none;
    z-index: 9999;
    mix-blend-mode: normal;
}

/* ================================
   SIGIL ANIMATIONS
   ================================ */

/* Very slow vertical float */
@keyframes floatSlow1 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}

@keyframes floatSlow2 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(12px); }
}

/* Very slow rotation + drift */
@keyframes driftRotate1 {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(-10px, -8px) rotate(3deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes driftRotate2 {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(8px, 10px) rotate(-2deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}