/* _content/SalesFlowPro.Web/Components/Layout/Footer.razor.rz.scp.css */
/* 푸터 전체 스타일 정의 (상단 헤더 및 사이트 전체와 완벽히 통일된 프리미엄 미니멀 스타일) */
.site-footer[b-bzfw8sc2i4] {
    /* 디자인 색상 시스템 정의 - 상단 헤더(Header)의 톤앤매너와 100% 일치 */
    --bg-color: #ffffff;        /* 메인 배경: 상단 헤더와 동일하게 완전한 화이트 */
    --text-muted: #64748b;      /* 일반 텍스트: 차분하고 부드러운 슬레이트 그레이 */
    --text-light: #1e293b;      /* 강조 텍스트: 짙은 차콜 */
    --accent-color: #3b82f6;    /* 포인트 컬러: 신뢰감을 주는 블루 (테일윈드 primary 컬러와 동기화) */
    --border-color: #f3f4f6;    /* 경계선 색상: 상단 헤더 하단 경계선과 완전히 동일한 연회색 */

    background-color: var(--bg-color);
    color: var(--text-muted);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    padding: 2.5rem 1.5rem;
    border-top: 1px solid var(--border-color); /* 헤더 경계선과 디자인 통일 */
    position: relative;
}

/* 푸터 레이아웃 전체 컨테이너 */
.footer-container[b-bzfw8sc2i4] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* 콘텐츠 영역 분배 */
.footer-content[b-bzfw8sc2i4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* 브랜드 로고 마크 스타일링 (상단 헤더 로고 배지와 완벽히 매치) */
.footer-brand[b-bzfw8sc2i4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 미니멀 로고 심볼 배지 (상단 헤더 그라데이션 로고와 완전 일체화) */
.brand-logo[b-bzfw8sc2i4] {
    background: linear-gradient(to right, var(--accent-color), #2563eb);
    color: #ffffff;
    font-weight: 800;
    font-size: 0.8rem;
    padding: 0.25rem 0.65rem;
    border-radius: 8px;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px rgba(59, 130, 246, 0.1);
}

/* 브랜드명 글꼴 */
.brand-name[b-bzfw8sc2i4] {
    color: var(--text-light);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* 푸터 링크 리스트 (가로 상단 메뉴와 통일감 확보) */
.footer-links[b-bzfw8sc2i4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1.5rem;
}

/* 개별 링크 스타일 및 호버 효과 */
.footer-link[b-bzfw8sc2i4] {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s ease, background-color 0.2s ease;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
}

/* 메뉴 호버 피드백 스타일 - 상단 NavMenu 호버와 완전 통일 */
.footer-link:hover[b-bzfw8sc2i4] {
    color: var(--accent-color);
    background-color: #f8fafc; /* 상단 메뉴와 동일하게 은은한 연회색 배경 피드백 제공 */
}

/* 구분선 디자인 (헤더의 가벼운 선 스타일 반영) */
.footer-divider[b-bzfw8sc2i4] {
    border: 0;
    height: 1px;
    background-color: var(--border-color);
    margin: 0;
}

/* 하단 카피라이팅 레이아웃 */
.footer-bottom[b-bzfw8sc2i4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.85rem;
}

.copyright[b-bzfw8sc2i4] {
    margin: 0;
    letter-spacing: 0.2px;
}

/* 제작자 명칭 강조 */
.author[b-bzfw8sc2i4] {
    color: var(--text-light);
    font-weight: 600;
}

/* 감성적인 문구 스타일링 */
.footer-tagline[b-bzfw8sc2i4] {
    margin: 0;
    font-style: italic;
    opacity: 0.7;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}

/* 미디어 쿼리: 반응형 모바일 기기 최적화 */
@media (max-width: 768px) {
    .site-footer[b-bzfw8sc2i4] {
        padding: 2rem 1.25rem;
    }

    .footer-content[b-bzfw8sc2i4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }
    
    .footer-links[b-bzfw8sc2i4] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .footer-link[b-bzfw8sc2i4] {
        padding: 0.4rem 0.6rem;
    }
    
    .footer-bottom[b-bzfw8sc2i4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}