/*
 * Light and clear colour refresh for Skin Clinic and legacy Lifting pages.
 * Loaded after each page stylesheet. Layout, spacing and content are untouched.
 */

html:is(.ab-scv3-active,.ab-slh2-active,.ab-hfv2-active,.ab-ltv2-active,.ab-lcv2-active) body,
html:is(.ab-scv3-active,.ab-slh2-active,.ab-hfv2-active,.ab-ltv2-active,.ab-lcv2-active) #ctt {
    background: #f9fbfa !important;
}

/* Skin concern pages keep their own accent hue, with clean translucent surfaces. */
.ab-scv3 {
    --clean-ink: #202a2c;
    --clean-muted: #667174;
    --clean-line: rgba(37, 55, 58, .15);
    color: var(--clean-ink);
    background: #f9fbfa;
}
.ab-scv3--acne {
    --accent: #a25f6a;
    --paper: rgba(248, 239, 241, .82);
}
.ab-scv3--whitening {
    --accent: #716f9d;
    --paper: rgba(242, 243, 249, .88);
}
.ab-scv3--hair-removal {
    --accent: #6e6497;
    --paper: rgba(243, 241, 249, .9);
}
.ab-scv3-intro {
    background: linear-gradient(135deg, var(--paper), rgba(255,255,255,.94)) !important;
}
.ab-scv3-feature-icons,
.ab-scv3-aftercare {
    background: var(--paper) !important;
}
.ab-scv3-feature-icons article,
.ab-scv3-aftercare article,
.ab-scv3-assessment__feature,
.ab-scv3-programs article {
    background: rgba(255,255,255,.9) !important;
    border-color: var(--clean-line) !important;
}
.ab-scv3-fit {
    background: linear-gradient(135deg, var(--paper), rgba(232,239,238,.88)) !important;
    color: var(--clean-ink) !important;
}
.ab-scv3-fit .ab-scv3-label,
.ab-scv3-fit h2,
.ab-scv3-fit li,
.ab-scv3-fit li span {
    color: var(--clean-ink) !important;
    -webkit-text-fill-color: var(--clean-ink) !important;
}
.ab-scv3-fit .ab-scv3-label,
.ab-scv3-fit li span {
    color: var(--accent) !important;
    -webkit-text-fill-color: var(--accent) !important;
}
.ab-scv3-fit ul,
.ab-scv3-fit li {
    border-color: rgba(37,55,58,.2) !important;
}
.ab-scv3-process {
    background: rgba(248,250,249,.92);
}
.ab-scv3-note > div > div {
    background: rgba(245,248,247,.94) !important;
}
.ab-scv3-cta {
    background: linear-gradient(135deg, var(--paper), rgba(225,235,233,.92)) !important;
    color: var(--clean-ink) !important;
}
.ab-scv3-cta p,
.ab-scv3-cta h2,
.ab-scv3-cta a,
.ab-scv3-cta a span {
    color: var(--clean-ink) !important;
    -webkit-text-fill-color: var(--clean-ink) !important;
}
.ab-scv3-cta a {
    border-color: rgba(37,55,58,.34) !important;
}

/* Approved-copy recommendation tables used legacy white type. Once their
 * background token is light, copy and borders must be switched together. */
:is(.ab-scv3,.ab-slh2,.ab-hfv2,.ab-ltv2,.ab-lcv2) .ab-acv2 {
    --ac-fit-text: #243235;
    --ac-fit-line: rgba(37,55,58,.2);
}
main.ab-scv3 .ab-acv2 {
    --ac-fit-bg: var(--paper);
    --ac-fit-label: var(--accent);
}
main.ab-slh2 .ab-acv2 {
    --ac-fit-bg: #dcecf1;
    --ac-fit-label: #347e96;
}
main.ab-hfv2 .ab-acv2 {
    --ac-fit-bg: #dcece8;
    --ac-fit-label: #4f817b;
}
main.ab-ltv2 .ab-acv2 {
    --ac-fit-bg: #d9eae6;
    --ac-fit-label: var(--lt-accent);
}
main.ab-lcv2 .ab-acv2 {
    --ac-fit-bg: #dce7e9;
    --ac-fit-label: var(--lc-accent);
}
:is(main.ab-scv3,main.ab-slh2,main.ab-hfv2,main.ab-ltv2,main.ab-lcv2) .ab-acv2 .ab-acv2__section--fit h2 {
    color: var(--ac-fit-text) !important;
    -webkit-text-fill-color: var(--ac-fit-text) !important;
}
:is(.ab-scv3,.ab-slh2,.ab-hfv2,.ab-ltv2,.ab-lcv2) .ab-acv2__section--fit li {
    color: var(--ac-fit-text) !important;
    -webkit-text-fill-color: var(--ac-fit-text) !important;
    border-color: var(--ac-fit-line) !important;
}

/* Skin lifting hub: keep blue identity without heavy navy slabs. */
.ab-slh2 {
    --ink: #183542;
    --muted: #60747c;
    --line: rgba(38,84,101,.18);
    --accent: #347e96;
    --deep: #dcecf1;
    --ice: rgba(237,246,249,.82);
    background: #f9fbfb;
}
.ab-slh2-choice,
.ab-slh2-process {
    background: linear-gradient(135deg, rgba(237,246,249,.9), rgba(255,255,255,.94)) !important;
}
.ab-slh2-features article {
    background: rgba(255,255,255,.92) !important;
}
.ab-slh2-note,
.ab-slh2-cta {
    background: linear-gradient(135deg, #dcecf1, #edf5f7) !important;
    color: var(--ink) !important;
}
.ab-slh2-note h2,
.ab-slh2-note p,
.ab-slh2-cta p,
.ab-slh2-cta h2,
.ab-slh2-cta a,
.ab-slh2-cta a span {
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink) !important;
}
/* --deep is now a light teal in this refresh, so the hover surface on choice
   cards is light too — the original white hover text needs to switch to ink. */
.ab-slh2-choice__grid a:hover,
.ab-slh2-choice__grid a:focus-visible,
.ab-slh2-choice__grid a:hover :is(span,small,strong,p,b,i),
.ab-slh2-choice__grid a:focus-visible :is(span,small,strong,p,b,i) {
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink) !important;
}

/* Ultrasound lifting: replace the single dark block with a clear teal surface. */
.ab-hfv2 {
    --hf-paper: rgba(240,247,245,.84);
    --hf-dark: #dcece8;
    --hf-pale: #e7f2ef;
}
.ab-hfv2-intro,
.ab-hfv2-programs,
.ab-hfv2-process,
.ab-hfv2-note {
    background: linear-gradient(135deg, var(--hf-paper), rgba(255,255,255,.94)) !important;
}
.ab-hfv2-depth {
    background: linear-gradient(135deg, #d9eae6, #edf5f3) !important;
    color: #203436 !important;
}
.ab-hfv2-depth :is(h2,h3,p,dt,dd),
.ab-hfv2-depth .ab-hfv2-label {
    color: #203436 !important;
    -webkit-text-fill-color: #203436 !important;
}
.ab-hfv2-depth .ab-hfv2-label,
.ab-hfv2-depth dt {
    color: #4f817b !important;
    -webkit-text-fill-color: #4f817b !important;
}
.ab-hfv2-depth :is(dl,dl div) {
    border-color: rgba(32,52,54,.2) !important;
}
.ab-hfv2-cta {
    background: linear-gradient(135deg, #d7eae6, #edf5f3) !important;
}

/* Radiofrequency tightening: retain mint identity and remove the charcoal fit block. */
.ab-ltv2 {
    --lt-paper: rgba(240,246,244,.86);
    --lt-dark: #d9eae6;
}
.ab-ltv2-intro,
.ab-ltv2-process,
.ab-ltv2-note {
    background: linear-gradient(135deg, var(--lt-paper), rgba(255,255,255,.94)) !important;
}
.ab-ltv2-device {
    background: #eaf2f0 !important;
}
.ab-ltv2-device__grid,
.ab-ltv2-plan article {
    background: rgba(255,255,255,.9) !important;
}
.ab-ltv2-fit {
    background: linear-gradient(135deg, #d8e9e5, #edf5f3) !important;
    color: var(--lt-ink) !important;
    -webkit-text-fill-color: var(--lt-ink) !important;
}
.ab-ltv2-fit :is(h2,li) {
    color: var(--lt-ink) !important;
    -webkit-text-fill-color: var(--lt-ink) !important;
}
.ab-ltv2-fit .ab-ltv2-label,
.ab-ltv2-fit li span {
    color: var(--lt-accent) !important;
    -webkit-text-fill-color: var(--lt-accent) !important;
}
.ab-ltv2-fit :is(ul,li) {
    border-color: rgba(32,55,52,.2) !important;
}
.ab-ltv2-cta {
    background: linear-gradient(135deg, #d4e8e4, #edf5f3) !important;
}

/* InMode contour: move beige/olive surfaces to a neutral mineral blue-grey. */
.ab-lcv2 {
    --lc-ink: #232d30;
    --lc-muted: #667276;
    --lc-line: rgba(39,58,63,.16);
    --lc-paper: rgba(241,245,246,.9);
    --lc-accent: #617d86;
    --lc-dark: #dce7e9;
    --lc-sand: #e4edef;
}
.ab-lcv2-intro,
.ab-lcv2-devices,
.ab-lcv2-process,
.ab-lcv2-note {
    background: linear-gradient(135deg, var(--lc-paper), rgba(255,255,255,.95)) !important;
}
.ab-lcv2-plan {
    background: linear-gradient(135deg, #dae6e8, #edf3f4) !important;
    color: var(--lc-ink) !important;
}
.ab-lcv2-plan :is(h2,p,dd),
.ab-lcv2-plan .ab-lcv2-label,
.ab-lcv2-plan dt {
    color: var(--lc-ink) !important;
    -webkit-text-fill-color: var(--lc-ink) !important;
}
.ab-lcv2-plan .ab-lcv2-label,
.ab-lcv2-plan dt {
    color: var(--lc-accent) !important;
    -webkit-text-fill-color: var(--lc-accent) !important;
}
.ab-lcv2-plan :is(dl,dl div) {
    border-color: rgba(39,58,63,.2) !important;
}
.ab-lcv2-device__media,
.ab-lcv2-platform__media {
    background: #e7eef0 !important;
}
.ab-lcv2-cta {
    background: linear-gradient(135deg, #dce8ea, #eff4f5) !important;
}

/* Preserve the original hero artwork. Use a restrained neutral veil only
   behind copy instead of the inherited warm-brown overlay. */
html[data-abelle-site=true]:is(.ab-hfv2-active,.ab-lcv2-active) #subtitle {
    background-color: #e7eef0 !important;
}
html[data-abelle-site=true]:is(.ab-hfv2-active,.ab-lcv2-active) #subtitle .subtitle_bg img {
    filter: none !important;
}
html[data-abelle-site=true]:is(.ab-hfv2-active,.ab-lcv2-active) #subtitle:after {
    background: linear-gradient(90deg, rgba(25,34,39,.24), rgba(25,34,39,.06) 58%, rgba(25,34,39,.1)) !important;
}

@media (max-width: 900px) {
    .ab-scv3-intro,
    .ab-slh2-choice,
    .ab-hfv2-intro,
    .ab-ltv2-intro,
    .ab-lcv2-intro {
        background-color: #f4f8f7 !important;
    }
    html[data-abelle-site=true]:is(.ab-hfv2-active,.ab-lcv2-active) #subtitle:after {
        background: linear-gradient(180deg, rgba(25,34,39,.13), rgba(25,34,39,.03) 46%, rgba(25,34,39,.24)) !important;
    }
}