/* ==========================================================================
   footer.css — 푸터
   푸터는 패널 없이 바탕 위에 바로 놓는다. 글자는 보조 잉크(--ink-2)라
   dark 에서도 토큰만 바뀌면 된다. dark 토글 버튼(.dark-mode-button)은
   3기에서 복원 (D22, 동작은 common-handlers.js).
   기존 Bootstrap grid(.row/.col-lg-6) 골격은 유지하고 색·간격만 다듬는다.
   ========================================================================== */

.footer {
    margin-top: 2rem;
    padding: 1rem 0 3rem;
}

.footer p {
    margin-bottom: 0;
    font-size: var(--fs-sm);
    color: var(--ink-2);
}

/* Bootstrap 의 .text-muted 색 대신 잉크 톤으로 통일 */
.footer .text-muted,
.footer a.text-muted {
    color: var(--ink-2) !important;
}

/* 구독 취소·회원 탈퇴 버튼: 크기는 사다리 medium(기본 .btn) — 14턴 피드백 */
.footer .btn-danger {
    margin-bottom: 1rem;
}

.footer-icon-container {
    margin-top: 1rem;
}

.footer-icon-container a {
    font-weight: var(--fw-strong); /* 작은 글자의 강조 */
    color: var(--ink-2) !important; /* .text-primary-emphasis 를 잉크 톤으로 */
}

.footer-icon-container a:hover {
    color: var(--ink) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

@media (min-width: 992px) {
    .footer-icon-container {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/* 메일문의 링크: PC 는 gmail 웹, 모바일은 mailto */
.contact-mail-mobile {
    display: inline-block;
}

.contact-mail-pc {
    display: none;
}

@media (min-width: 992px) {
    .contact-mail-mobile {
        display: none;
    }

    .contact-mail-pc {
        display: inline-block;
    }
}

.google-analytics-button {
    font-size: 1em;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0.1rem;
    color: var(--ink-2);
}