/*!
Theme Name: Cocoon Child
Template: cocoon-master
*/

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');

/* フォント */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, textarea {
  font-family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', 'Hiragino Kaku Gothic ProN', sans-serif !important;
}

/* 背景 */
body { background-color: #ffffff !important; }

/* ヘッダー */
#header,
#header .header-container,
#header .header-container-in,
.header-container,
.header-container-in,
[id="header"] {
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(91,184,232,0.2) !important;
}

#site-name a, #site-name, .site-name-text {
  color: #1a6fa8 !important;
}

#site-description, .site-description {
  color: #5bb8e8 !important;
}

/* ナビ */
#navi, .navi {
  background-color: #5bb8e8 !important;
}

#navi .navi-in > ul > li > a,
.navi-in > ul > li > a {
  color: #ffffff !important;
  font-weight: 600;
}

#navi .navi-in > ul > li:hover > a,
.navi-in > ul > li:hover > a {
  background-color: #3a9fd4 !important;
}

/* ボタン（丸く） */
.wp-block-button__link,
.wp-element-button,
.btn, .button {
  border-radius: 50px !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(91,184,232,0.45) !important;
}

#post-590 .entry-content a {
  border-radius: 50px !important;
}

/* カバーブロック（紺色オーバーレイ → スカイブルーに） */
.wp-block-cover .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__background {
  background-color: #2a7fb5 !important;
  opacity: 0.72 !important;
}

/* フッター */
#footer {
  background-color: #e8f6fd !important;
  color: #1a6fa8 !important;
}

#footer a {
  color: #1a6fa8 !important;
}

/* ウィジェットタイトル */
.widget_title, .widgettitle {
  background-color: #5bb8e8 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}



/* ヘッダーエリアだけクリーム色 */
#header, .header-container, .header-container-in {
  background-color: #faecd8 !important;
  background-image: none !important;
}