/* V3 Custom Ultra-Premium Effects */

/* Animated Moving Checker pattern line */
.checker-line {
    background-image: repeating-linear-gradient(
        -45deg,
        #E51A24 0px, #E51A24 12px,
        #FFFFFF 12px, #FFFFFF 24px
    );
    background-size: 200% 100%;
    animation: moveCheckerV3 10s linear infinite;
}

@keyframes moveCheckerV3 {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 0%; }
}

/* Dark subtle matrix checker grid pattern */
.modern-checker-bg {
    background-color: #060606;
    background-image: 
        linear-gradient(45deg, #121212 25%, transparent 25%, transparent 75%, #121212 75%, #121212),
        linear-gradient(45deg, #121212 25%, #060606 25%, #060606 75%, #121212 75%, #121212);
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;
}

/* Micro interaction for smooth fading */
.animate-fade-in {
    animation: fadeInV3 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes fadeInV3 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Clean hide of defaults for details/summary */
details summary::-webkit-details-marker {
    display: none;
}
details[open] summary h3 {
    color: #E51A24;
    transition: color 0.2s ease;
}