/*
Theme Name: Healer Child
Template: healer
Version: 3.0
*/

/* ===============================
   共通デザイン（全体オレンジ統一）
================================= */

/* 全体のリンクカラー */
a {
  color: #f5a623; /* メインオレンジ */
  text-decoration: none;
}
a:hover {
  color: #ff8800; /* 明るいオレンジ */
  text-decoration: underline;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  color: #f5a623; /* オレンジ見出し */
}

/* ボタン（共通） */
button, input[type="submit"], .btn, .wp-block-button__link {
  background-color: #f5a623; /* オレンジ背景 */
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
button:hover, input[type="submit"]:hover, .btn:hover, .wp-block-button__link:hover {
  background-color: #ff8800; /* 少し濃いオレンジ */
}

/* ===============================
   フッター部分（オレンジ帯）
================================= */

.custom-footer-bg {
  background-color: #f5a623; /* オレンジ背景 */
  padding: 20px;
  text-align: center;
}

.custom-footer-bg a {
  color: #fff; /* 白文字 */
  font-weight: bold;
  text-decoration: none;
  margin-right: 15px;
}

.custom-footer-bg a:hover {
  text-decoration: underline;
}

.custom-footer-bg span {
  color: #000; /* 電話番号や住所は黒文字 */
}

/* ===============================
   スマホ対応
================================= */
@media only screen and (max-width: 767px) {
  .custom-footer-bg {
    padding: 15px;
  }
  .custom-footer-bg a {
    display: block;
    margin: 5px 0;
  }
  .custom-footer-bg span {
    display: block;
    margin-top: 5px;
  }
}

/* ===============================
   タブレット対応（iPad）
================================= */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .custom-footer-bg {
    padding: 18px;
  }
  .custom-footer-bg a {
    margin-right: 12px;
  }
}
/* ===============================
   花井整体院用 オレンジカラー設定
   =============================== */
#gnav li a,
input[type="submit"],
button,
.pageTop a {
  background-color: #f5a623 !important;
  border-color: #f5a623 !important;
}

#gnav li a:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
}

h2, h3, .headline, .entry-title {
  color: #f5a623 !important;
}

a {
  color: #f5a623;
}
a:hover {
  color: #ff6600;
}

.custom-footer-bg {
  background-color: #f5a623 !important;
  color: #fff !important;
  padding: 20px;
  text-align: center;
}
.custom-footer-bg a {
  color: #fff !important;
  font-weight: bold;
}
.custom-footer-bg a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  #gnav li a {
    background-color: #f5a623 !important;
  }
}

/* --- ここから追記：メニュー・見出しの完全オレンジ化 --- */

/* グローバルナビ（メニュー） */
#gnav ul li a {
    background-color: #f5a623 !important; /* 背景オレンジ */
    color: #fff !important; /* 文字は白 */
}

#gnav ul li a:hover {
    background-color: #ff8800 !important; /* ホバー時の濃いオレンジ */
}

/* 見出し（h2など） */
h2,
.page-header h1,
.section-title {
    background-color: #f5a623 !important;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 4px;
}
/* ===============================
   メニュー完全オレンジ上書き（Healer対応）
   =============================== */
#gnav a,
#gnav ul li a,
.main-navigation a,
.nav a,
.menu a {
  background-color: #f5a623 !important; /* 背景オレンジ */
  color: #fff !important; /* 文字は白 */
  border-color: #f5a623 !important;
}

#gnav a:hover,
#gnav ul li a:hover,
.main-navigation a:hover,
.nav a:hover,
.menu a:hover {
  background-color: #ff8800 !important; /* 濃いオレンジ */
  color: #fff !important;
}

/* モバイルメニュー対応 */
@media only screen and (max-width: 767px) {
  #gnav a,
  #gnav ul li a,
  .main-navigation a,
  .nav a,
  .menu a {
    background-color: #f5a623 !important;
  }
}
/* フッター上のオレンジ帯を完全に非表示にする */
.custom-footer-bg,
.footer-top,
.footer-banner,
#footer-top,
#top-banner {
  display: none !important;
}