/* ================================================
 * kenkou-kiroku.com — Wellness Custom CSS
 * テーマ: 白壁・ブーゲンビリア・南国の光
 * ================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Noto+Serif+JP:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500;600&display=swap' );

/* ── CSS 変数 ── */
:root {
  --wl-bg:        #FBF7F2;
  --wl-bg-soft:   #F5EDE0;
  --wl-bg-sky:    #E8F6;
  --wl-text:      #4E414A;
  --wl-heading:   #6C4A67;
  --wl-pink:      #D4548A;
  --wl-teal:      #27B7B3;
  --wl-gold:      #C9A84C;
  --wl-plum:      #5C3D5E;
  --wl-line:      rgba(108,74,103,0.12);
  --wl-radius:    16px;
  --wl-radius-sm: 10px;
}

/* ── ベースリセット ── */
html { scroll-behavior: smooth; }

body {
  background-color: var(--wl-bg) !important;
  color: var(--wl-text) !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 17px !important;
  line-height: 2.0 !important;
  letter-spacing: 0.02em !impor

/* ── ヘッダーロゴ ── */
/* テキストロゴを非表示にして画像ロゴを表示 */
.logo.logo-header.logo-text {
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  display: block !important;
  width: 220px !important;
  height: 60px !important;
  background-image: url('https://kenkou-kiroku.com/wp-content/uploads/2026/04/kenkou_kiroku_logo_horizontal-scaled.png') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
}

/* ヘッダー内のサイトタイトルリンクも同様に */
.header-logo a,
.site-name-text,
.logo-header a {
  display: block !important;
  text-decoration: none !important;
}

/* ヘッダーの高さを調整 */
#header {
  padding: 12px 0 !important;
}

/* ロゴエリアの幅を確保 */
.header-logo {
  max-width: 240px !important;
}

/* Footer - stronger selectors */
#footer,
footer#footer,
.footer-container,
footer.footer {
  background-color: #2c5530 !important;
  color: #ffffff !important;
}

#footer *,
footer#footer *,
.footer-container * {
  color: #ffffff !important;
}

#footer a,
footer#footer a,
.footer-container a {
  color: #a8d5ba !important;
}

#footer a:hover,
footer#footer a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Footer bottom */
.footer-bottom {
  background-color: #1e3d22 !important;
  color: #ffffff !important;
  padding: 16px 0 !important;
}

/* Sidebar widget titles */
.widget-title,
.sidebar .widget-title {
  color: #2c5530 !important;
  border-left: 4px solid #2c5530 !important;
  padding-left: 12px !important;
  font-weight: 700 !important;
}