/**
 * オキュロフェイシャルクリニック京都 カラーテーマ
 *
 * 本番: https://www.oc-kyoto.com/ のトーンに合わせた配色オーバーライド。
 * ヘッダー・フッター等の基調色 #7e6501、見出し #a6987a。
 *
 * @package stg-clinic
 */

:root {
  --color-primary: #7e6501;
  --color-primary-dark: #5a4a01;
  --color-heading: #a6987a;
  --color-heading-light: #c4b896;
  --color-accent-bg: #f8f5ef;
  --color-accent-bg-deep: #f3efe6;
  --color-border: rgba(166, 152, 122, 0.45);
  --color-text: #3d3d3d;
}

/* ヘッダー */
.header {
  background: var(--color-primary);
}

#header {
  background: var(--color-primary);
}

.header__logo-group-title {
  color: #fff;
}

.header-nav-list-wrap.global,
.header-nav-list-wrap.global a {
  color: #fff;
}

.header-nav-list-wrap.global a:hover {
  opacity: 0.85;
}

.openbtn1 span {
  background-color: #fff;
}

.openbtn1.active {
  background: var(--color-primary-dark);
}

.openbtn1.active span {
  background-color: #fff;
}

/* 見出し */
.top-common__head-title,
.top-common__head-title-en,
.top-h2-group h2.top-h2-title,
.top-h2-group p.top-h2-sub-title,
.latest-top__grid-item-title,
.pickup__slide-title,
.single__inner-wrap h2.elementor-heading-title,
.single__inner-wrap h3.elementor-heading-title,
.single__inner-wrap h4.elementor-heading-title,
.single__inner-wrap h5.elementor-heading-title,
.archive-latest .top-common__head-title {
  color: var(--color-heading);
}

.top-common__head-title-en {
  color: var(--color-heading-light);
}

/* カテゴリ見出し（アーカイブ） */
.category .top-common__head-title {
  color: var(--color-heading);
}

/* サイドバー見出しは基調色でアクセント */
.latest__flex-sidebar-title {
  color: var(--color-primary);
  border-left-color: var(--color-primary);
  border-bottom-color: var(--color-border);
}

.latest__flex-sidebar-item-title-flex-right-title {
  color: var(--color-primary);
}

/* 記事カード */
.pickup .swiper-slide,
.latest-top__grid-item {
  border-color: var(--color-border);
  background: #fff;
}

.latest__flex-sidebar-item-title-flex {
  background: var(--color-accent-bg-deep);
}

/* セクション背景なし */
.latest-top:after,
.archive-latest .latest-top:after {
  content: none;
  background: none;
  background-image: none;
}

.archive-latest .latest__inner {
  background: none;
  background-color: transparent;
}

/* 記事カテゴリラベル */
.latest-top__grid-item-label-link,
.pickup__slide-label-link {
  color: #fff;
}

/* サイドバー「カテゴリーから探す」 */
.latest__flex-sidebar .latest__flex-sidebar-item-title-list-item,
.latest__flex-sidebar .latest__flex-sidebar-item-title-list-item a {
  color: #000;
}

.latest__flex-sidebar .latest__flex-sidebar-item-title-list-item:hover,
.latest__flex-sidebar .latest__flex-sidebar-item-title-list-item:hover a {
  color: var(--color-primary);
}

.latest-top__grid-item-title,
.pickup__slide-title {
  color: var(--color-text);
}

.latest-top__grid-item-title:hover,
.pickup__slide-title:hover {
  color: var(--color-primary);
}

/* ボタン */
.top-button-blue,
.single-button-blue-1,
.single__inner-wrap .single-button-blue-2,
.single__inner-wrap .single-button-blue-3 {
  background: var(--color-primary);
  box-shadow: 0 3px 1px var(--color-primary-dark);
}

.top-button-blue::after {
  background: var(--color-heading);
}

.single__inner-wrap .single-button-white-border-1,
.single__inner-wrap .single-button-white-border-2,
.single__inner-wrap .single-button-white-border-3 {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.single__inner-wrap h3.elementor-heading-title {
  border-left-color: var(--color-heading);
}

.single__inner-wrap h2.elementor-heading-title::before {
  background-color: var(--color-accent-bg-deep);
}

/* ページネーション */
.nav-links .current,
.nav-links a:hover {
  background-color: var(--color-primary);
}

.nav-links a {
  color: var(--color-primary);
}

.nav-arrow::before {
  border-top-color: var(--color-heading);
  border-right-color: var(--color-heading);
}

.nav-arrow-right::before {
  border-bottom-color: var(--color-heading);
  border-left-color: var(--color-heading);
}

/* フッター */
.footer {
  background: var(--color-primary);
}

.copyright {
  background: var(--color-primary-dark);
}

/* 記事ヒーロー見出し */
.single-head__title {
  color: #856f3f;
  text-shadow: none;
}

/* テーブル見出しセル */
.single__inner-wrap .single-table-head-left td:first-child,
.single__inner-wrap .single-table-head-left02 td:first-child {
  background: #9a9272;
}

/* グラデーションボタン */
.header__nav-link-bg,
.header__nav-link-bg::after,
.single__flex-sidebar-button,
.single__flex .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) .single__flex-sidebar-button {
  background: linear-gradient(180deg, var(--color-heading) 0%, var(--color-primary) 100%) !important;
  background-image: linear-gradient(180deg, var(--color-heading) 0%, var(--color-primary) 100%) !important;
}