/**
 * 메인페이지 버전6 전용 스타일
 * 2026-02-19: v2 기반 + 검색/퀵버튼 영역 컬러 변경 (v4 스타일)
 * - v2 HTML 구조 그대로 사용, 배경색만 오버라이드
 */

/* ========================================
   1. 검색 섹션 배경 - 어두운 블루 (#1a5a7a)
   v2: #f8f9fa → v6: #1a5a7a
   ======================================== */
body.main-v6 .search-section-v2 {
    background: #1a5a7a;
    padding: 24px 0; /* 2026-05-26: 상하 패딩 24px (v2 기본 30px → v6) */
}

/* 2026-02-19: 검색 폼 테두리 - 배경과 동일색이므로 흰색으로 변경 */
body.main-v6 .search-form-v2 {
    border-color: rgba(255, 255, 255, 0.3);
}

body.main-v6 .search-form-v2:focus-within {
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

/* ========================================
   2. 퀵버튼 섹션 배경 - 연한 블루 (#e8f4f8)
   v2: #fff → v6: #e8f4f8
   ======================================== */
body.main-v6 .quick-buttons-v2 {
    background: #e8f4f8;
    padding: 24px 0; /* 2026-05-26: 검색창과 통일 (32px → 24px) */
    margin-bottom: 48px; /* 2026-02-19: 하단 콘텐츠와 간격 */
}

/* 2026-02-19: 퀵버튼 v4 스타일 - 배경 없는 큰 아이콘 + 통일 색상 */
body.main-v6 .quick-btn-v2 {
    gap: 0;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.2s;
}

body.main-v6 .quick-btn-v2:hover {
    background: #fff;
}

/* 2026-02-19: 아이콘 배경 제거 (v2: nth-child 배경색 → v6: 투명) */
body.main-v6 .quick-btn-v2 .quick-btn-icon {
    background: transparent !important;
    border-radius: 0;
}

/* 2026-02-19: 아이콘 크기 확대 + 필터 제거 (커스텀 아이콘 원본 색상 유지) */
body.main-v6 .quick-btn-v2 .quick-btn-icon img {
    width: 60px !important;
    height: 60px !important;
    filter: none !important;
}

body.main-v6 .quick-btn-v2 .quick-btn-icon svg {
    width: 60px !important;
    height: 60px !important;
}

/* 2026-05-26: 인라인 SVG 의 stroke 색·두께를 어드민 설정값(CSS 변수)으로 제어.
   Lucide 아이콘은 stroke="currentColor" 기반이라 color 만 바꿔도 적용되지만,
   <svg> 내부의 stroke="..." 속성을 안전하게 덮기 위해 svg 와 자식 모두에 지정. */
body.main-v6 .quick-btn-v2 .quick-btn-icon svg,
body.main-v6 .quick-btn-v2 .quick-btn-icon svg * {
    stroke: var(--icon-color, #2f6f9f);
    stroke-width: var(--icon-weight, 2);
}
body.main-v6 .quick-btn-v2 .quick-btn-icon svg [fill]:not([fill="none"]) {
    fill: var(--icon-color, #2f6f9f);
}