/* ============================================================
   ORENSÈN — Enhancements
   gradient signature · header glass/liquid variants · emotion pass
   ============================================================ */

/* ---------- Gradient signature text ---------- */
:root{
  --grad: linear-gradient(280deg, #5FCFC9 0%, #2C8C87 48%, #15514E 100%);
}
html[data-grad="teal"]{   --grad:linear-gradient(280deg,#5FCFC9 0%,#2C8C87 48%,#15514E 100%); }
html[data-grad="duo"]{    --grad:linear-gradient(280deg,#43B3AE 0%,#E8623A 100%); }
html[data-grad="sunset"]{ --grad:linear-gradient(280deg,#FF8A5C 0%,#E0457E 55%,#7A4FB0 100%); }
html[data-grad="ink"]{    --grad:linear-gradient(280deg,#43B3AE 0%,#16201E 100%); }

.grad{
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.hero h1 em.grad{ color:transparent; }
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .grad{ color:var(--brand-teal); -webkit-text-fill-color:currentColor; }
}

/* ---------- Header: Glassmorphism ---------- */
html[data-header="glass"] .head,
html[data-header="glass"] .head.scrolled{
  top:14px; left:50%; right:auto; transform:translateX(-50%);
  width:min(1120px, calc(100% - 2*clamp(12px,4vw,40px)));
  padding:9px 10px 9px 24px; border-radius:100px;
  background:color-mix(in oklab, var(--paper) 52%, transparent);
  backdrop-filter:blur(16px) saturate(1.7);
  -webkit-backdrop-filter:blur(16px) saturate(1.7);
  box-shadow:0 14px 40px -18px rgba(14,51,49,.42),
             inset 0 0 0 1px color-mix(in oklab, #fff 38%, transparent);
}

/* ---------- Header: Liquid glass ---------- */
html[data-header="liquid"] .head,
html[data-header="liquid"] .head.scrolled{
  top:14px; left:50%; right:auto; transform:translateX(-50%);
  width:min(1120px, calc(100% - 2*clamp(12px,4vw,40px)));
  padding:9px 10px 9px 24px; border-radius:100px;
  position:fixed; overflow:hidden;
  background:linear-gradient(135deg,
              color-mix(in oklab, var(--paper) 46%, transparent),
              color-mix(in oklab, var(--paper) 26%, transparent));
  backdrop-filter:blur(22px) saturate(1.9) brightness(1.04);
  -webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.04);
  box-shadow:0 16px 46px -18px rgba(14,51,49,.5),
             inset 0 1px 0 color-mix(in oklab, #fff 65%, transparent),
             inset 0 0 0 1px color-mix(in oklab, #fff 28%, transparent),
             inset 0 -8px 24px -10px color-mix(in oklab, var(--brand-teal) 40%, transparent);
}
html[data-header="liquid"] .head::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:
    radial-gradient(130% 120% at 0% -10%, rgba(255,255,255,.55), transparent 46%),
    radial-gradient(120% 140% at 100% 120%, color-mix(in oklab, var(--brand-teal) 50%, transparent), transparent 50%);
  mix-blend-mode:screen; opacity:.7;
}
html[data-header="liquid"] .head > *{ position:relative; z-index:1; }
html[data-mood="bold"][data-header="glass"] .head,
html[data-mood="bold"][data-header="liquid"] .head{
  background:color-mix(in oklab, #1B1C19 55%, transparent);
}

@media(max-width:640px){
  html[data-header="glass"] .head, html[data-header="liquid"] .head{
    width:calc(100% - 18px); top:10px; padding-left:18px;
  }
}

/* ============================================================
   EMOTION PASS — rounding, gradients, contrast
   ============================================================ */
:root{ --r:22px; }
.disc{ border-radius:20px; }
.prof-ph{ border-radius:18px; }
.price{ border-radius:22px; }
.ev{ border-radius:22px; }
.gal .ph{ border-radius:18px; }
.hero-figure{ border-radius:26px; }
.modal-card{ border-radius:26px; }
.date{ border-radius:18px; }
.form{ border-radius:26px; }

/* gradient accent button */
.btn--accent{ background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 88%, #fff), var(--accent) 55%, color-mix(in oklab, var(--accent) 78%, #000)); }
.btn--teal{ background:linear-gradient(135deg, var(--brand-teal), var(--teal-deep)); }

/* teal→coral gradient marquee bar */
.marquee:not(.alt){ background:linear-gradient(90deg, var(--accent), color-mix(in oklab, var(--accent) 55%, var(--brand-teal)) 55%, var(--brand-teal)); }

/* emotional gradient on the ALMA hero word */
.alma h2{ background:linear-gradient(116deg, #ffffff 8%, var(--brand-teal) 52%, var(--accent) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }

/* gradient footer wordmark */
.foot-big{ background:linear-gradient(118deg, #F4EEE2 18%, var(--brand-teal) 70%, var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.foot-big .dot{ -webkit-text-fill-color:var(--accent); }

/* soft radial glow behind the spotlight headline */
html[data-hero="spotlight"] .hero-copy{ position:relative; }
html[data-hero="spotlight"] .hero-copy::before{ content:""; position:absolute; left:-12%; top:-8%; width:86%; height:120%;
  background:radial-gradient(60% 60% at 30% 40%, rgba(67,179,174,.18), transparent 70%); z-index:-1; pointer-events:none; filter:blur(8px); }

html[data-mood="warm"][data-hero="spotlight"] .hero::after{ mix-blend-mode:normal; }