/* ============================================================
   히든 테마 효과 (2026-10-16)
   - 이미지·문구는 그대로, 효과만 살짝 다르게
   - 원래대로 돌리려면 inc/header.php · inc/header2.php 의 hidden-theme.css 링크 한 줄만 삭제
   ============================================================ */

/* ── 1. 메인 슬라이드 배너 ───────────────────────────────── */
/* 아주 천천히 확대/축소 (기존 가운데 정렬 위치값 유지) */
@keyframes ht-zoom {
    from { transform: translate(-50%, -50%) scale(1); }
    to   { transform: translate(-50%, -50%) scale(1.06); }
}
.main-visual.v1-slider .v_img_bg { animation: ht-zoom 14s ease-in-out infinite alternate; }

/* 가장자리 보라빛 비네트 */
.main-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(ellipse at center, transparent 55%, rgba(55, 0, 80, 0.45) 100%),
        linear-gradient(180deg, rgba(140, 50, 200, 0.12) 0%, transparent 28%, transparent 72%, rgba(140, 50, 200, 0.20) 100%);
}

/* 가끔 빛이 한 번 스치고 지나감 */
@keyframes ht-sweep {
    0%, 62% { left: -60%; }
    100%    { left: 130%; }
}
.main-visual::before {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 38%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(100deg, transparent 0%, rgba(255, 225, 255, 0) 35%, rgba(255, 225, 255, 0.16) 50%, rgba(255, 225, 255, 0) 65%, transparent 100%);
    transform: skewX(-15deg);
    animation: ht-sweep 8s ease-in-out infinite;
}

/* ── 2. 상단 바: 아래쪽 네온 줄이 흐르며 숨 쉬듯 ─────────── */
@keyframes ht-flow    { from { background-position: 0 0; } to { background-position: 200% 0; } }
@keyframes ht-breathe { 0%, 100% { opacity: 0.45; } 50% { opacity: 0.95; } }
.navbar .nav-linkset { position: relative; }
.navbar .nav-linkset::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #b44dff, #ff7ad9, #b44dff, transparent);
    background-size: 200% 100%;
    box-shadow: 0 0 12px rgba(190, 80, 255, 0.8);
    animation: ht-flow 6s linear infinite, ht-breathe 3.5s ease-in-out infinite;
}

/* ── 3. 가운데 배경: 보라·핑크 빛 번짐이 천천히 떠다님 ────── */
@keyframes ht-drift {
    from { background-position: 0 0, 0 0; }
    to   { background-position: 6vw 4vw, -6vw -3vw; }
}
.maincontent { position: relative; }
.maincontent::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(40vw 30vw at 20% 25%, rgba(170, 60, 255, 0.16), transparent 70%),
        radial-gradient(35vw 28vw at 80% 60%, rgba(255, 80, 200, 0.11), transparent 70%);
    background-repeat: no-repeat;
    animation: ht-drift 18s ease-in-out infinite alternate;
}
.maincontent > .container { position: relative; z-index: 1; }

/* 움직임 줄이기 설정한 기기에서는 효과 정지 */
@media (prefers-reduced-motion: reduce) {
    .main-visual.v1-slider .v_img_bg,
    .main-visual::before,
    .navbar .nav-linkset::after,
    .maincontent::before { animation: none !important; }
    .main-visual::before { display: none; }
}