/**
 * 세컨하우스 B2B 도매몰 - 푸터 모바일 전용 CSS
 */

@media (max-width: 1199px) {
    /* 푸터 기본 */
    .dm-footer {
        margin-top: var(--spacing-xl);
        padding: var(--spacing-l) 0 var(--spacing-m);
        background: var(--color-primary-dark);
        color: var(--color-text-white);
    }
    
    .dm-footer-inner {
        padding: 0 var(--spacing-m);
        max-width: 100%;
    }
    
    /* 푸터 정보 영역 - 세로 2칸 분리 (위: 회사 정보, 아래: 고객센터) */
    .dm-footer-info {
        display: flex !important;
        flex-direction: column !important;
        gap: var(--spacing-l) !important;
        margin-bottom: var(--spacing-l) !important;
        grid-template-columns: none !important;
        grid-auto-flow: unset !important;
        align-items: stretch !important;
    }
    
    /* 모든 자식 요소 100% 너비로 강제 */
    .dm-footer-info > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
    
    /* 회사 정보 - 위쪽 칸 (첫 번째) */
    .dm-company-info {
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: var(--spacing-l) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        order: 1 !important;
        flex: 0 0 auto !important;
    }
    
    .dm-company-info h3 {
        font-size: 18px;
        margin-bottom: var(--spacing-s);
        color: var(--color-accent);
    }
    
    .dm-company-details {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
    
    .dm-company-details p {
        font-size: 12px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.75);
        word-break: keep-all;
        margin: 0 !important;
    }
    
    .dm-link-external,
    .dm-link-phone,
    .dm-link-email {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    
    .dm-link-external:hover,
    .dm-link-phone:hover,
    .dm-link-email:hover {
        color: var(--color-accent);
    }
    
    /* 고객센터 - 아래쪽 칸 (두 번째) */
    .dm-footer-links {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 0 !important;
        order: 2 !important;
        flex: 0 0 auto !important;
    }
    
    .dm-footer-links h4 {
        font-size: 16px;
        margin-bottom: var(--spacing-s);
        color: var(--color-accent);
    }
    
    .dm-contact-links {
        gap: 6px;
        margin-bottom: var(--spacing-s);
    }
    
    .dm-contact-links p {
        font-size: 12px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.75);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
    }
    
    .dm-contact-label {
        color: rgba(255, 255, 255, 0.6);
        font-weight: var(--font-weight-medium);
        font-size: 12px;
        flex-shrink: 0;
    }
    
    .dm-link-social {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: underline;
        text-underline-offset: 2px;
        display: inline-block;
    }
    
    .dm-link-social:hover {
        color: var(--color-accent);
    }
    
    .dm-return-info {
        margin-top: var(--spacing-s);
        padding-top: var(--spacing-s);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .dm-return-title {
        font-size: 12px;
        font-weight: var(--font-weight-semibold);
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 4px;
    }
    
    .dm-return-address {
        font-size: 11px;
        color: rgba(255, 255, 255, 0.75);
        line-height: 1.5;
        word-break: keep-all;
    }
    
    /* 정책 및 계좌 정보 - 모바일에서 숨김 */
    .dm-footer-policy {
        display: none !important;
        order: 3 !important;
    }
    
    .dm-footer-policy h4 {
        font-size: 16px;
        margin-bottom: var(--spacing-m);
        color: var(--color-accent);
    }
    
    .dm-policy-links {
        gap: var(--spacing-xs);
        margin-bottom: var(--spacing-m);
    }
    
    .dm-policy-links a {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.75);
        display: block;
        padding: 4px 0;
        transition: all var(--transition-base) var(--easing-elegant);
    }
    
    .dm-policy-links a:hover {
        color: var(--color-accent);
        padding-left: var(--spacing-xs);
    }
    
    /* 계좌 정보 */
    .dm-footer-account-info {
        margin-top: var(--spacing-m);
        padding-top: var(--spacing-m);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .dm-footer-account-info h4 {
        font-size: 14px;
        margin-bottom: var(--spacing-s);
        color: rgba(255, 255, 255, 0.9);
    }
    
    .dm-footer-account-list {
        gap: var(--spacing-s);
    }
    
    .dm-footer-account-item {
        padding: var(--spacing-s);
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 4px;
    }
    
    .dm-footer-account-bank {
        font-size: 13px;
        font-weight: var(--font-weight-semibold);
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 4px;
        line-height: 1.6;
        word-break: break-all;
    }
    
    .dm-footer-account-holder {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.65);
        line-height: 1.5;
    }
    
    /* 저작권 */
    .dm-footer-copyright {
        text-align: center;
        padding-top: var(--spacing-m);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 11px;
        color: rgba(255, 255, 255, 0.5);
    }
    
    .dm-footer-copyright p {
        margin-bottom: var(--spacing-xs);
        line-height: 1.6;
        word-break: keep-all;
    }
    
    .dm-footer-copyright p:last-child {
        margin-bottom: 0;
    }
    
    .dm-footer-notice {
        font-size: 10px;
        color: rgba(255, 255, 255, 0.45);
        line-height: 1.5;
        margin-top: var(--spacing-xs);
    }
}