/* ============================================================
   Saesol Tax Brand Common CSS (Integration with Landing Page)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700;900&family=Noto+Sans+KR:wght@300;400;500;700&family=Bebas+Neue&display=swap');

:root {
    --black: #fcfcf9;
    /* 더 밝고 따뜻한 아이보리 */
    --deep: #f7f7f2;
    /* 서브 배경 */
    --card: #ffffff;
    /* 카드 배경 */
    --gold: #c9a84c;
    /* 브랜드 포인트 */
    --gold2: #d4b45d;
    --mint: #7fb5b5;
    /* 안산마음 스타일의 보조 컬러 (청록 파스텔) */
    --white: #2d2f36;
    /* 텍스트 색상 (약간 더 부드러운 차콜) */
    --gray: #6a6e7a;
    /* 보조 텍스트 */
    --border: rgba(201, 168, 76, 0.1);
    --glass: rgba(255, 255, 255, 0.95);
    --radius: 24px;
    /* 안산마음 스타일의 핵심: 아주 둥근 모서리 */
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    /* 부드러운 그림자 */
}

/* 1. Global Light Theme Application */
html,
body,
#page,
.site,
#page-wrap,
.boxed-wrapper,
.main-container {
    background-color: var(--black) !important;
    color: var(--white) !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* 2. Header & Navigation Refinement */
.site-header,
#main-nav {
    background: #ffffff !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

/* Fixed Header Glassmorphism */
.site-header.is-fixed,
#main-nav.is-fixed {
    background: var(--glass) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border) !important;
}

/* 서브 페이지의 기본 화이트 헤더 영역 숨김 */
.page-header,
.header-image,
.ashe-header-image {
    display: none !important;
}

/* 3. Typography & Links */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1c22 !important;
    /* 제목을 짙은색으로 하여 명확하게 함 */
    font-family: 'Noto Serif KR', serif !important;
    font-weight: 700 !important;
}

a {
    color: #1a1c22;
    text-decoration: none;
    transition: all 0.25s ease;
}

a:hover {
    color: var(--gold) !important;
}

/* Navigation Menu Styling */
.main-navigation ul li a {
    color: var(--gray) !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    font-weight: 500 !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li:hover>a {
    color: var(--gold) !important;
}

/* 4. Content Area Body Styles */
#content,
.main-content,
.post-content,
.page-content {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--white) !important;
}

.single article p,
.page article p {
    color: #33363a !important;
    /* 텍스트 가독성 최적화 */
    line-height: 1.8 !important;
}

/* 5. Custom Button Style (Bright Gold Style) */
.wp-block-button__link,
.btn,
button,
input[type="submit"],
.btn-gold {
    background: linear-gradient(135deg, var(--gold), var(--gold2)) !important;
    color: #ffffff !important;
    padding: 14px 36px !important;
    border: none !important;
    border-radius: var(--radius) !important;
    /* 안산마음 스타일: 아주 둥근 버튼 */
    font-weight: 600 !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    letter-spacing: 0.5px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.15) !important;
    transition: all 0.3s ease !important;
    display: inline-block;
}

.wp-block-button__link:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.3) !important;
    filter: brightness(1.05);
}

/* 6. Sidebar & Widget Styling */
aside.sidebar,
.ashe-widget,
.widget {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    padding: 32px !important;
    margin-bottom: 32px !important;
    box-shadow: var(--shadow) !important;
    border-radius: var(--radius) !important;
    /* 안산마음 스타일: 둥근 위젯 */
}

.widget-title {
    color: #1a1c22 !important;
    font-family: 'Noto Serif KR', serif !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid var(--gold) !important;
    padding-bottom: 12px;
    margin-bottom: 20px;
    font-weight: 700 !important;
}

.widget ul li {
    border-bottom: 1px dotted #e0e0e0 !important;
}

.widget ul li a {
    color: var(--gray) !important;
}

.widget ul li a:hover {
    color: var(--gold) !important;
}

/* 7. Footer Styling */
.site-footer {
    background: #f2f2ee !important;
    /* 밝은 그레이베이지 */
    border-top: 1px solid var(--border) !important;
    padding: 60px 0 40px !important;
    color: var(--gray) !important;
}

.site-footer a {
    color: var(--gray);
}

.site-footer a:hover {
    color: var(--gold) !important;
}

/* 8. Input Elements */
input[type="search"],
input[type="text"],
input[type="email"],
textarea {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    color: #1a1c22 !important;
    padding: 12px !important;
    border-radius: 4px !important;
}

input:focus,
textarea:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1) !important;
    outline: none;
}

/* 9. Utility */
.ashe-license-notice,
.premium-notice {
    display: none !important;
}