/*
 * Petit clinic colour refresh
 * Colour only: keep each V2 layout and spacing intact.
 * Loaded after the page-specific stylesheet so each programme keeps
 * a distinct, clean clinic palette without the previous beige cast.
 */

html.ab-pfv2-active {
  --pf-ink: #20252d;
  --pf-muted: #626b78;
  --pf-line: #d5dbe5;
  --pf-paper: #f3f6fb;
  --pf-accent: #68799c;
  --pf-dark: #30394c;
  --pf-pale: #e7ecf5;
}

.ab-pfv2-intro { background: #f3f6fb; }
.ab-pfv2-intro figure,
.ab-pfv2-product__media { background: #e9eef6; }

html.ab-pbv2-active {
  --pb-ink: #25232a;
  --pb-muted: #6f6872;
  --pb-line: #dfd7df;
  --pb-paper: #f8f4f8;
  --pb-blush: #95637d;
  --pb-dark: #3d3040;
  --pb-pale: #f0e5ed;
}

.ab-pbv2-intro {
  background: linear-gradient(120deg, #fbf8fb 0%, #f7f2f7 58%, #f0e8f0 100%);
}
.ab-pbv2-intro figure,
.ab-pbv2-product__media { background: #f0e9f0; }

html.ab-thv2-active {
  --th-ink: #202927;
  --th-muted: #64716e;
  --th-line: #d2dfdb;
  --th-paper: #f1f7f5;
  --th-accent: #527d73;
  --th-dark: #263d38;
  --th-blush: #dcebe6;
}

.ab-thv2-lines { background: #e7f0ed; }
.ab-thv2-lines figcaption { background: rgba(31, 52, 47, .92); }

html.ab-psbv2-active {
  --psb-ink: #20282b;
  --psb-muted: #647176;
  --psb-line: #d3e0e3;
  --psb-paper: #f0f7f8;
  --psb-accent: #4f7f89;
  --psb-dark: #29444a;
  --psb-pale: #deedf0;
}

.ab-psbv2-product__media { background: #e5f0f2; }

/* Shared V2 recommendation block: preserve page identity and contrast. */
html.ab-pfv2-active .ab-acv2__section--fit { background: var(--pf-dark); }
html.ab-pbv2-active .ab-acv2__section--fit { background: var(--pb-dark); }
html.ab-thv2-active .ab-acv2__section--fit { background: var(--th-dark); }
html.ab-psbv2-active .ab-acv2__section--fit { background: var(--psb-dark); }

html.ab-pfv2-active .ab-acv2__section--fit,
html.ab-pbv2-active .ab-acv2__section--fit,
html.ab-thv2-active .ab-acv2__section--fit,
html.ab-psbv2-active .ab-acv2__section--fit,
html.ab-pfv2-active .ab-acv2__section--fit h2,
html.ab-pbv2-active .ab-acv2__section--fit h2,
html.ab-thv2-active .ab-acv2__section--fit h2,
html.ab-psbv2-active .ab-acv2__section--fit h2,
html.ab-pfv2-active .ab-acv2__section--fit li,
html.ab-pbv2-active .ab-acv2__section--fit li,
html.ab-thv2-active .ab-acv2__section--fit li,
html.ab-psbv2-active .ab-acv2__section--fit li {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

html.ab-pfv2-active .ab-acv2__section--fit .ab-acv2__eyebrow { color: #cbd5ea; -webkit-text-fill-color: #cbd5ea; }
html.ab-pbv2-active .ab-acv2__section--fit .ab-acv2__eyebrow { color: #e2bfd2; -webkit-text-fill-color: #e2bfd2; }
html.ab-thv2-active .ab-acv2__section--fit .ab-acv2__eyebrow { color: #b8d9d0; -webkit-text-fill-color: #b8d9d0; }
html.ab-psbv2-active .ab-acv2__section--fit .ab-acv2__eyebrow { color: #b9dce2; -webkit-text-fill-color: #b9dce2; }

/* Hero: neutralise the inherited warm-black veil without replacing artwork. */
:is(
  html.ab-pfv2-active,
  html.ab-pbv2-active,
  html.ab-thv2-active,
  html.ab-psbv2-active
) #subtitle {
  background-color: #e8eef1 !important;
}

html[data-abelle-site=true]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) #subtitle {
  background-color: #e8eef1 !important;
}

:is(
  html.ab-pfv2-active,
  html.ab-pbv2-active,
  html.ab-thv2-active,
  html.ab-psbv2-active
) #subtitle .subtitle_bg img {
  filter: none !important;
}

:is(
  html.ab-pfv2-active,
  html.ab-pbv2-active,
  html.ab-thv2-active,
  html.ab-psbv2-active
) #subtitle:after {
  background:
    linear-gradient(rgba(219,232,239,.07),rgba(219,232,239,.07)),
    linear-gradient(90deg,rgba(23,31,40,.26),rgba(23,31,40,.06) 62%,rgba(23,31,40,.12)) !important;
}

html[data-abelle-site=true]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) #subtitle:after {
  background:
    linear-gradient(rgba(219,232,239,.07),rgba(219,232,239,.07)),
    linear-gradient(90deg,rgba(23,31,40,.26),rgba(23,31,40,.06) 62%,rgba(23,31,40,.12)) !important;
}

/* abelle-base.css carries a route-specific warm lifting veil with higher
   specificity, so keep the operational thread-lifting page in this palette. */
html[data-abelle-site=true].ab-thv2-active #subtitle {
  background-color: #e8eef1 !important;
}

html[data-abelle-site=true].ab-thv2-active #subtitle:after {
  background:
    linear-gradient(rgba(219,232,239,.07),rgba(219,232,239,.07)),
    linear-gradient(90deg,rgba(23,31,40,.26),rgba(23,31,40,.06) 62%,rgba(23,31,40,.12)) !important;
}

@media (max-width: 900px) {
  :is(
    html.ab-pfv2-active,
    html.ab-pbv2-active,
    html.ab-thv2-active,
    html.ab-psbv2-active
  ) #subtitle:after {
    background:
      linear-gradient(rgba(219,232,239,.06),rgba(219,232,239,.06)),
      linear-gradient(180deg,rgba(23,31,40,.16),rgba(23,31,40,.05) 48%,rgba(23,31,40,.22)) !important;
  }

  html[data-abelle-site=true].ab-thv2-active #subtitle:after {
    background:
      linear-gradient(rgba(219,232,239,.06),rgba(219,232,239,.06)),
      linear-gradient(180deg,rgba(23,31,40,.16),rgba(23,31,40,.05) 48%,rgba(23,31,40,.22)) !important;
  }

  html[data-abelle-site=true]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) #subtitle:after {
    background:
      linear-gradient(rgba(219,232,239,.06),rgba(219,232,239,.06)),
      linear-gradient(180deg,rgba(23,31,40,.16),rgba(23,31,40,.05) 48%,rgba(23,31,40,.22)) !important;
  }
}