/* =====================================================================
   하단 팝업 광고 — 단독 스타일시트

   도스커뮤니티 메인·팀 경매·도스리워드·챌린지배틀이 저마다 다른
   스타일시트를 쓰기 때문에, 광고 바는 어디에 놓여도 같은 모양이 되도록
   토큰에 기본값(var(--x, 기본)) 을 달아 자립적으로 만든다.
   ===================================================================== */

.dos-adbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483000; /* 방송 툴 오버레이·모달 위에도 보이게 */
    background: var(--surface, #121620);
    color: var(--text, #E6E9EF);
    border-top: 1px solid var(--edge, #262E3C);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .28);
    transform: translateY(100%);
    transition: transform .24s ease;
    font-family: var(--sans, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif);
    line-height: 1.6;
}

.dos-adbar.is-open { transform: translateY(0); }

.dos-adbar__row {
    max-width: var(--w, 1140px);
    margin: 0 auto;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
}

.dos-adbar__tag {
    font-family: var(--mono, ui-monospace, Consolas, monospace);
    font-size: 9.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--dim, #5D6879);
    border: 1px solid var(--edge, #262E3C);
    padding: 2px 6px;
    flex: none;
    align-self: flex-start;
    margin-top: 4px;
}

.dos-adbar__unit { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.dos-adbar__unit ins { display: block; width: 100%; }

/* 애드센스 ID 가 설정되기 전에는 자체 후원 안내가 대신 들어간다 */
.dos-adbar__house { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; width: 100%; }
.dos-adbar__house b { font-size: .9375rem; }
.dos-adbar__house span { color: var(--muted, #8894A8); font-size: .875rem; }

.dos-adbar__house a {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid var(--edge, #262E3C);
    color: inherit;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 600;
    transition: border-color .16s;
}

.dos-adbar__house a:hover { border-color: var(--muted, #8894A8); }

.dos-adbar__close {
    flex: none;
    align-self: flex-start;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--edge, #262E3C);
    background: transparent;
    color: var(--muted, #8894A8);
    font-family: var(--mono, ui-monospace, Consolas, monospace);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: color .16s, border-color .16s;
}

.dos-adbar__close:hover { color: var(--text, #E6E9EF); border-color: var(--muted, #8894A8); }

@media (max-width: 720px) {
    .dos-adbar__row { padding: 8px 16px; gap: 10px; }
    .dos-adbar__house a { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .dos-adbar { transition: none; }
}