/*
Theme Name: 爽快堂 Child
Version: 1.0.0
Template: onepress
Description: 爽快堂 — 和風マッサージサロン
*/

/* ========================================
   和風カラーパレット
   深緑 / 生成り / 墨 / 金
   ======================================== */
:root {
    --sk-green:  #1e3d2f;
    --sk-gold:   #c8a55a;
    --sk-cream:  #f7f3ec;
    --sk-ink:    #1c1c1c;
    --sk-stone:  #8c8272;
    --sk-light:  #fffdf8;
}

/* ========================================
   ベース
   ======================================== */
body {
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', '游明朝', Georgia, serif;
    background-color: var(--sk-light);
    color: var(--sk-ink);
}

/* ========================================
   ヘッダー
   ======================================== */
#masthead,
.site-header {
    background-color: var(--sk-green) !important;
    border-bottom: 2px solid var(--sk-gold);
}

.site-title a,
.site-title a:visited {
    color: var(--sk-gold) !important;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.15em;
    font-size: 1.4em;
}

.site-description {
    color: rgba(200, 165, 90, 0.7) !important;
    letter-spacing: 0.1em;
    font-size: 0.75em;
}

/* ナビゲーション */
#site-navigation a,
.main-navigation a {
    color: #e8dfc8 !important;
    letter-spacing: 0.08em;
}

#site-navigation a:hover,
.main-navigation a:hover {
    color: var(--sk-gold) !important;
}

/* ========================================
   ヒーローセクション
   ======================================== */
#hero .hero-content-inner h1,
.onepress-hero h1 {
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.2em;
    font-weight: 600;
}

/* ========================================
   セクション見出し
   ======================================== */
.section-title,
h1, h2, h3 {
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
    letter-spacing: 0.12em;
}

.section-title::after {
    border-color: var(--sk-gold) !important;
}

/* ========================================
   ボタン
   ======================================== */
.btn-primary,
.onepress-btn,
a.btn {
    background-color: var(--sk-green) !important;
    border-color: var(--sk-green) !important;
    color: var(--sk-gold) !important;
    letter-spacing: 0.1em;
    border-radius: 2px !important;
}

.btn-primary:hover,
.onepress-btn:hover {
    background-color: var(--sk-gold) !important;
    border-color: var(--sk-gold) !important;
    color: var(--sk-green) !important;
}

/* ========================================
   フッター
   ======================================== */
#colophon,
.site-footer {
    background-color: var(--sk-green) !important;
    color: #c8bfa8 !important;
    border-top: 2px solid var(--sk-gold);
}

#colophon a,
.site-footer a {
    color: var(--sk-gold) !important;
}

.site-info {
    color: #a09880 !important;
    letter-spacing: 0.08em;
}

/* ========================================
   和風区切り線
   ======================================== */
.section-divider {
    border: none;
    border-top: 1px solid var(--sk-gold);
    opacity: 0.4;
    margin: 2em 0;
}