/* ===== 修理実績ページ ブランドカラー統一 (2026-08-31) ===== */
/* このCSSは .post-type-archive-repair / .single-repair という
   修理実績ページ専用のクラスにだけ効くので、他のページには影響しません */

/* ホームページと同じ丸みのあるフォントを読み込む(修理実績ページには元々読み込まれていなかった) */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&display=swap');

.post-type-archive-repair,
.single-repair {
  background: #1e3a6b !important;
}
.post-type-archive-repair .site-content,
.single-repair .site-content,
.post-type-archive-repair .ast-container,
.single-repair .ast-container,
.post-type-archive-repair main,
.single-repair main {
  background: #1e3a6b !important;
}

/* サイト共通ヘッダー(オレンジ)を、このページだけネイビーに */
.post-type-archive-repair .elementor-location-header,
.single-repair .elementor-location-header,
.post-type-archive-repair .elementor-location-header *,
.single-repair .elementor-location-header * {
  background: #1e3a6b !important;
  background-image: none !important;
}
.post-type-archive-repair .elementor-location-header,
.single-repair .elementor-location-header {
  border-bottom: 1px solid #3a4f7a !important;
}
.post-type-archive-repair .elementor-location-header h1,
.post-type-archive-repair .elementor-location-header h2,
.post-type-archive-repair .elementor-location-header a,
.post-type-archive-repair .elementor-location-header span,
.single-repair .elementor-location-header h1,
.single-repair .elementor-location-header h2,
.single-repair .elementor-location-header a,
.single-repair .elementor-location-header span {
  color: #f8f7f3 !important;
}

/* 見出し */
.post-type-archive-repair h1,
.post-type-archive-repair h2,
.post-type-archive-repair h3,
.single-repair h1,
.single-repair h2,
.single-repair h3 {
  color: #f8f7f3 !important;
  font-family: "Zen Maru Gothic", sans-serif;
}

/* 本文テキスト */
.post-type-archive-repair,
.post-type-archive-repair p,
.single-repair,
.single-repair p {
  color: #f8f7f3 !important;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

/* 記事カード(アーカイブ一覧) */
.post-type-archive-repair .elementor-post {
  background: #32599e !important;
  border: 1px solid #3a4f7a !important;
  border-radius: 18px !important;
  overflow: hidden;
}
.post-type-archive-repair .elementor-post__title a {
  color: #f8f7f3 !important;
}
.post-type-archive-repair .elementor-post__meta-data,
.post-type-archive-repair .elementor-post-date,
.post-type-archive-repair .elementor-post__excerpt {
  color: #aecbf5 !important;
}
.post-type-archive-repair .elementor-post__read-more {
  color: #f2a469 !important;
  font-weight: 700;
}

/* 個別記事ページの本文エリア */
.single-repair .entry-content,
.single-repair .elementor-widget-theme-post-content {
  background: #274a84 !important;
  border-radius: 18px;
  padding: 24px;
}
.single-repair a {
  color: #f2a469 !important;
}

/* サムネイル画像のサイズを統一(1枚目だけ引き伸ばされてぼやける不具合の修正) */
.post-type-archive-repair .elementor-post__thumbnail {
  height: 220px !important;
  overflow: hidden !important;
}
.post-type-archive-repair .elementor-post__thumbnail img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* フッターの帯を透明にして、中のボタンだけホームページと同じピル型ボタンに */
.post-type-archive-repair .elementor-location-footer,
.single-repair .elementor-location-footer,
.post-type-archive-repair .elementor-location-footer > div,
.single-repair .elementor-location-footer > div,
.post-type-archive-repair .elementor-location-footer .e-con-inner,
.single-repair .elementor-location-footer .e-con-inner {
  position: static !important;
  background: none !important;
  background-image: none !important;
  padding: 32px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-widget-button,
.single-repair .elementor-location-footer .elementor-widget-button {
  width: auto !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-button,
.single-repair .elementor-location-footer .elementor-button {
  background: #e2874a !important;
  color: #ffffff !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 18px 36px !important;
  border-radius: 999px !important;
  width: auto !important;
  display: inline-flex !important;
}

/* 右上固定の常時表示ボタン(複製した方。CSS IDを phone-float-btn に設定したもの) */
#phone-float-btn {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
  background: #e2874a !important;
  color: #ffffff !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px -6px rgba(0,0,0,.5) !important;
  display: inline-flex !important;
}

/* 左上固定の「ホームに戻る」ボタン(複製した方。CSS IDを home-float-btn に設定したもの) */
#home-float-btn {
  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
  background: #32599e !important;
  color: #f8f7f3 !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid #3a4f7a !important;
  box-shadow: 0 8px 20px -6px rgba(0,0,0,.5) !important;
  display: inline-flex !important;
}
.post-type-archive-repair .elementor-location-footer .elementor-button:hover,
.single-repair .elementor-location-footer .elementor-button:hover {
  background: #f2a469 !important;
}

/* 上部のグラデーション帯と、その下の白い三角シェイプディバイダーを非表示に */
.post-type-archive-repair .elementor-element-4330dbfa,
.single-repair .elementor-element-4330dbfa {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.post-type-archive-repair .elementor-element-4330dbfa > .elementor-background-overlay,
.single-repair .elementor-element-4330dbfa > .elementor-background-overlay,
.post-type-archive-repair .elementor-background-overlay,
.single-repair .elementor-background-overlay {
  display: none !important;
}
.post-type-archive-repair .elementor-shape,
.single-repair .elementor-shape,
.post-type-archive-repair .elementor-shape-bottom,
.single-repair .elementor-shape-bottom,
.post-type-archive-repair .elementor-shape-bottom svg,
.single-repair .elementor-shape-bottom svg {
  display: none !important;
  height: 0 !important;
}

/* 見出しをホームページと同じ丸みのあるフォントに統一(タグの種類に関わらず) */
.post-type-archive-repair .elementor-heading-title,
.single-repair .elementor-heading-title {
  color: #f8f7f3 !important;
  font-family: "Zen Maru Gothic", sans-serif !important;
}