/* =========================================================
   RTP WORLD - CLEAN YELLOW SCANLINE
   No Neon / No Glow
   ========================================================= */

header,
.site-header,
.rtp-header {
    position: relative;
}


/* Garis kuning dasar */
header::after,
.site-header::after,
.rtp-header::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;

    height: 1px;

    background: rgba(255, 211, 55, 0.45);

    pointer-events: none;
    z-index: 20;
}


/* =========================================================
   SCANLINE
   ========================================================= */

header::before,
.site-header::before,
.rtp-header::before {
    content: "";

    position: absolute;

    bottom: -1px;
    right: -500px;

    width: 500px;
    height: 2px;

    background: linear-gradient(
        90deg,

        transparent 0%,

        rgba(255, 215, 60, 0.20) 10%,

        rgba(255, 215, 60, 0.45) 30%,

        rgba(255, 220, 80, 0.80) 45%,

        #ffd83d 50%,

        rgba(255, 220, 80, 0.80) 55%,

        rgba(255, 215, 60, 0.45) 70%,

        rgba(255, 215, 60, 0.20) 90%,

        transparent 100%
    );

    border-radius: 0;

    /* TIDAK ADA NEON / GLOW */
    box-shadow: none;

    pointer-events: none;

    z-index: 21;

    animation: rtpCleanScan 12s linear infinite;
}


/* =========================================================
   RIGHT → LEFT
   ========================================================= */

@keyframes rtpCleanScan {

    0% {
        right: -500px;
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    45% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    96% {
        opacity: 0;
    }

    100% {
        right: 100%;
        opacity: 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    header::before,
    .site-header::before,
    .rtp-header::before {
        width: 320px;
        right: -320px;

        height: 2px;

        animation-duration: 10s;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    header::before,
    .site-header::before,
    .rtp-header::before {
        animation: none;
        right: 40%;
        opacity: 0.8;
    }
}