/* 홈 팝업 전용 스타일.
   main.css 안에 있었지만, 스킨이 assets/css/main.css 를 통째로 덮어쓰면(nexfin)
   팝업이 스타일 없이 안 보인다. inc/popup.php 가 이 파일을 따로 큐에 넣는다. */
/* =========================================================
   홈 팝업 (커스터마이저: 홈 · 팝업)
   ========================================================= */
.dw-popup-bd {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    padding: 24px;
    background: transparent;   /* 배경 딤 없음 — 히어로가 그대로 보인다 */
    opacity: 0;
    transition: opacity .25s ease;
}
/*
 * hidden 속성이 실제로 먹도록 명시한다.
 * (클래스 선택자의 display:flex 가 브라우저 기본 [hidden]{display:none} 을 이기기 때문에,
 *  이 규칙이 없으면 닫은 뒤에도 투명한 전체화면 레이어가 남아 클릭을 가로챈다.)
 */
.dw-popup-bd[hidden] { display: none !important; }
/* 열린 상태가 아니면 어떤 경우에도 클릭을 먹지 않는다 — 이중 안전장치 */
.dw-popup-bd:not(.is-open) { pointer-events: none; }
.dw-popup-bd.is-open { opacity: 1; pointer-events: auto; }
.dw-popup-bd[data-pos="center"]      { align-items: center;     justify-content: center; }
.dw-popup-bd[data-pos="topleft"]     { align-items: flex-start; justify-content: flex-start; }
.dw-popup-bd[data-pos="topright"]    { align-items: flex-start; justify-content: flex-end; }
.dw-popup-bd[data-pos="bottomright"] { align-items: flex-end;   justify-content: flex-end; }

.dw-popup {
    position: relative;
    width: min(var(--dw-popup-w, 420px), 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: var(--dw-radius, 12px);
    box-shadow: 0 24px 60px rgba(8, 15, 30, .35);
    transform: translateY(14px) scale(.98);
    transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}
.dw-popup-bd.is-open .dw-popup { transform: translateY(0) scale(1); }

.dw-popup-media { display: block; }
.dw-popup-media img { display: block; width: 100%; height: auto; }

/* --- 팝업 슬라이드 (코어 히어로 슬라이더 스크립트 재사용) --- */
.dw-popup-slider { position: relative; overflow: hidden; }
/* 히어로용 슬라이드 규칙이 팝업 안까지 내려오므로 여기서 되돌린다.
   특히 min-height(화면 높이)를 반드시 해제해야 팝업이 이미지 크기로 잡힌다. */
body .dw-popup .dw-popup-slider .dw-hero-slide {
    position: absolute;
    inset: 0;
    min-height: 0;
    display: block;
    background: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .45s ease;
}
body .dw-popup .dw-popup-slider .dw-hero-slide.is-active {
    position: relative;
    inset: auto;
    min-height: 0;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
/* 좌우 버튼 — 팝업 크기에 맞게 축소 */
.dw-popup .dw-hero-nav { width: 34px; height: 34px; z-index: 3; }
.dw-popup .dw-hero-prev { left: 10px; }
.dw-popup .dw-hero-next { right: 10px; }
/* 인디케이터 — 이미지 위 하단에 겹쳐서 */
html body .dw-popup .dw-hero-dots { bottom: 2px; gap: 0; z-index: 3; }
.dw-popup .dw-hero-dot { height: 22px; width: 16px; }
body .dw-popup .dw-hero-dot::before { width: 8px; height: 8px; background: rgba(255, 255, 255, .95); box-shadow: 0 0 0 1px rgba(15, 27, 45, .12), 0 1px 2px rgba(0, 0, 0, .10); }
.dw-popup .dw-hero-dot.is-active { width: 30px; }
body .dw-popup .dw-hero-dot.is-active::before { width: 20px; background: var(--dw-popup-dot, var(--dw-primary, #1764C9)); }
@media (max-width: 480px) {
    /* 히어로에서는 좌우 버튼을 숨기지만 팝업에서는 유지 */
    .dw-popup .dw-hero-nav { display: grid; }
}

.dw-popup-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: #f3f4f6;
    font-size: 14px;
}
.dw-popup-today { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; color: #4b5563; }
.dw-popup-today-input { width: 15px; height: 15px; accent-color: var(--dw-primary, #1764C9); }
.dw-popup-close {
    padding: 7px 16px;
    min-height: 40px; min-width: 64px;
    color: #fff;
    background: var(--dw-primary, #1764C9);
    border: 0; border-radius: 6px;
    font-size: 14px; font-weight: 600;
    cursor: pointer;
}
.dw-popup-close:hover { filter: brightness(.94); }

@media (max-width: 600px) {
    .dw-popup-bd { padding: 14px; align-items: center; justify-content: center; }
    .dw-popup { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .dw-popup-bd, .dw-popup { transition: none; }
}

/* 팝업 슬라이더가 히어로 클래스를 재사용하므로 팝업 안쪽은 스크림 제외 */
.dw-front .dw-popup .dw-hero-slide::after { content: none; }