/* ==========================================================================
   ページタイトル（h1）レイアウト試験
   有効: functions.php
     ujitoku_wabisabi_page_title_layout_trial_enabled()
     ujitoku_wabisabi_page_title_band_darker_trial_enabled()
   無効化: 上記を false にする（本 CSS は読み込まれません）
   ========================================================================== */

/* ----- 試験2：h1 帯の色をやや濃く（サイト全体の inner ページ） ----- */
body.uj-page-title-band-darker-trial.uj-page-title-band-combo-7 {
  --uj-page-title-band-combo-gradient:
    radial-gradient(
      ellipse 200% 125% at var(--uj-page-title-band-combo-origin-x) var(--uj-page-title-band-combo-origin-y),
      rgba(28, 38, 14, 0.9) 0%,
      rgba(34, 46, 18, 0.82) 16%,
      rgba(40, 54, 22, 0.74) 32%,
      rgba(48, 64, 28, 0.66) 48%,
      rgba(56, 76, 32, 0.58) 64%,
      rgba(64, 88, 36, 0.5) 80%,
      rgba(72, 98, 40, 0.44) 100%
    ),
    linear-gradient(
      to top right,
      rgba(28, 38, 14, 0.58) 0%,
      rgba(40, 54, 22, 0.28) 38%,
      transparent 68%
    );
  --uj-page-title-band-combo-text-shadow:
    0 1px 3px rgba(18, 24, 10, 0.42),
    0 2px 12px rgba(18, 24, 10, 0.26);
  --uj-page-title-band-combo-ripple-opacity: 0.96;
}

/* ----- 試験1：サイドメニューあり — h1 を本文幅、メニューを上へ揃える ----- */
body.uj-page-title-layout-trial.uj-page-has-side-nav .uj-container > article {
  display: grid;
  grid-template-columns: min(220px, 34%) 1fr;
  column-gap: 2.25rem;
  row-gap: 0;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav.uj-page-side-nav-ma-b .uj-container > article {
  grid-template-columns: min(200px, 32%) 1fr;
  column-gap: 2.5rem;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav.uj-page-has-home-care-hub-nav .uj-container > article {
  grid-template-columns: min(268px, 38%) 1fr;
  column-gap: 1.5rem;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .uj-container > article > .uj-breadcrumbs {
  grid-column: 1 / -1;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav.uj-page-title-band-combo-7:not(.home) .site-main .uj-container > article > .page-title {
  grid-column: 2;
  grid-row: 2;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--uj-heading-h2-after-title-gap);
  padding-block: var(--uj-heading-h2-padding-block);
  padding-inline: var(--uj-heading-h2-padding-inline);
  font-size: var(--uj-heading-h2-size);
  font-weight: var(--uj-heading-h2-weight);
  line-height: 1.4;
  letter-spacing: 0.03em;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .uj-container > article > .page-with-side-nav {
  display: contents;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .page-with-side-nav > .page-side-nav {
  grid-column: 1;
  grid-row: 2 / span 2;
  align-self: start;
  padding-top: 0;
  margin-top: 0;
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .page-with-side-nav > .entry-content {
  grid-column: 2;
  grid-row: 3;
  padding-top: 0;
  margin-top: 0;
}

/* サイドメニュー先頭タイトル：h1 帯と同色（濃い試験配色を共有） */
body.uj-page-title-layout-trial.uj-page-has-side-nav .page-side-nav__title {
  color: var(--uj-page-title-band-combo-text);
  text-shadow: var(--uj-page-title-band-combo-text-shadow);
  background-color: transparent;
  background-image: var(--uj-page-title-band-combo-gradient);
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .page-side-nav__title::before {
  opacity: var(--uj-page-title-band-combo-ripple-opacity);
}

body.uj-page-title-layout-trial.uj-page-has-side-nav .page-side-nav__title.page-side-nav__link:hover,
body.uj-page-title-layout-trial.uj-page-has-side-nav .page-side-nav__title.page-side-nav__link.is-active,
body.uj-page-title-layout-trial.uj-page-has-side-nav .page-side-nav__title.page-side-nav__link[aria-current="true"] {
  color: var(--uj-page-title-band-combo-text);
  text-shadow: var(--uj-page-title-band-combo-text-shadow);
  background-color: transparent;
  background-image: var(--uj-page-title-band-combo-gradient);
}

@media (max-width: 1200px) {
  body.uj-page-title-layout-trial.uj-page-has-side-nav .uj-container > article {
    display: block;
  }

  body.uj-page-title-layout-trial.uj-page-has-side-nav .uj-container > article > .page-with-side-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.uj-page-title-layout-trial.uj-page-has-side-nav .page-with-side-nav > .page-side-nav,
  body.uj-page-title-layout-trial.uj-page-has-side-nav .page-with-side-nav > .entry-content {
    grid-column: auto;
    grid-row: auto;
    padding-top: var(--uj-side-nav-content-offset);
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.uj-page-title-layout-trial.uj-page-has-side-nav.uj-page-title-band-combo-7:not(.home) .site-main .uj-container > article > .page-title {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
  }
}