/* ══════════════════════════════════════════
   HAIRMEDICO — hm-event-reg.css
   Event registration card for /events/* pages (Meta ad traffic).
   Loaded after the page bundles; scoped to .evr-* plus a few
   mobile fixes for the shared .evl-* event layout.
══════════════════════════════════════════ */

/* ── Hero: real side gutters (.evl-banner-inner zeroed .wrap's padding) ── */
.wrap.evl-banner-inner{padding-left:40px;padding-right:40px}
.evr-lead{position:relative;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.78);max-width:560px;margin:-12px 0 22px}
.evr-hero-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;min-height:54px;padding:0 26px;border-radius:12px;background:linear-gradient(180deg,#D9C28E,#C4A96A);color:#050D1F;font-family:var(--sans);font-size:1rem;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 30px rgba(196,169,106,.28);transition:transform .15s,box-shadow .15s}
.evr-hero-cta:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(196,169,106,.36)}
.evr-hero-cta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.evr-hero-note{position:relative;display:block;margin-top:10px;font-size:.8rem;color:rgba(255,255,255,.55)}

/* ── Registration card ── */
/* The request card is taller than a laptop screen: never sticky, or the submit button stays out of reach. */
.evl-fw.evr-wrap{position:static;scroll-margin-top:72px}
.evr-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 22px 60px rgba(5,13,31,.18),0 2px 6px rgba(5,13,31,.06);border:1px solid rgba(196,169,106,.35)}
.evr-top{position:relative;background:#050D1F;padding:24px 26px 22px;border-bottom:3px solid #C4A96A}
.evr-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.evr-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#C4A96A;color:#050D1F;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.evr-badge.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:500}
.evr-top h2.evr-title{font-family:var(--serif);font-weight:500;font-size:1.75rem !important;line-height:1.1;color:#fff !important;margin:0 0 10px}
.evr-when{display:flex;align-items:center;gap:8px;font-size:.92rem;color:rgba(255,255,255,.85);line-height:1.4}
.evr-when svg{width:16px;height:16px;stroke:#C4A96A;fill:none;stroke-width:1.8;flex-shrink:0}
.evr-seats{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;color:#D4BC87}
.evr-over{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.72)}
.evr-over svg{width:16px;height:16px;margin-top:1px;stroke:#C4A96A;fill:none;stroke-width:1.8;flex-shrink:0}
.evr-seats svg{width:16px;height:16px;stroke:#C4A96A;fill:none;stroke-width:1.8;flex-shrink:0}

.evr-form{padding:22px 26px 24px}
.evr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.evr-row.age{grid-template-columns:96px 1fr}
.evr-sep{margin:6px 0 14px;padding-top:16px;border-top:1px solid #EEEAE1;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9A7F44}
.evr-f{margin-bottom:16px}
.evr-card .evr-l{display:block;font-size:.85rem !important;font-weight:600;color:#1C1C1C;margin-bottom:6px;letter-spacing:0;text-transform:none}
.evr-l .opt{font-weight:400;color:#9A9893}
.evr-in{display:block;width:100%;height:52px;padding:0 14px;border:1.5px solid #D9D4C7;border-radius:10px;background:#FBFAF7;font-family:var(--sans);font-size:16px;color:#1C1C1C;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}
.evr-in::placeholder{color:#AAA59A}
.evr-in:focus{outline:none;border-color:#C4A96A;background:#fff;box-shadow:0 0 0 4px rgba(196,169,106,.18)}
.evr-hint{display:block;margin-top:6px;font-size:.8rem;color:#7A776F;line-height:1.45}
.evr-msg{display:none;margin-top:6px;font-size:.8rem;font-weight:500;color:#B3261E}
.evr-f.err .evr-in{border-color:#B3261E;background:#FFF8F7}
.evr-f.err .evr-msg{display:block}
.evr-f.err .evr-hint{display:none}

.evr-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.evr-chips.c2{grid-template-columns:1fr 1fr}
.evr-f.err .evr-chip{border-color:#B3261E}
.evr-card label.evr-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 6px;border:1.5px solid #D9D4C7;border-radius:10px;background:#FBFAF7;font-size:.88rem !important;font-weight:500;color:#3D3D3D;text-align:center;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}
.evr-chip input{position:absolute;opacity:0;pointer-events:none}
.evr-chip:has(input:checked){border-color:#050D1F;background:#050D1F;color:#fff}
.evr-chip.on{border-color:#050D1F;background:#050D1F;color:#fff}
.evr-chip:has(input:focus-visible){box-shadow:0 0 0 4px rgba(196,169,106,.25)}

.evr-card label.evr-consent{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:.8rem !important;line-height:1.5;color:#666460;cursor:pointer}
.evr-consent input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#050D1F}
.evr-consent a{color:#9A7F44}
.evr-consent.err{color:#B3261E}

.evr-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(180deg,#D9C28E,#C4A96A);color:#050D1F;font-family:var(--sans);font-size:1.05rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 26px rgba(196,169,106,.35);transition:transform .15s,box-shadow .15s,opacity .15s}
.evr-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(196,169,106,.42)}
.evr-btn:disabled{opacity:.6;cursor:wait;transform:none}
.evr-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2}
.evr-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:.78rem;color:#7A776F;text-align:center;line-height:1.45}
.evr-safe svg{width:14px;height:14px;stroke:#9A7F44;fill:none;stroke-width:2;flex-shrink:0}
.evr-err{display:none;margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#FDECEA;border:1px solid #F5C6C2;color:#B3261E;font-size:.82rem;line-height:1.45}
.evr-err.show{display:block}

/* ── Success state ── */
.evr-done{display:none;padding:30px 26px 28px;text-align:center}
.evr-done.show{display:block}
.evr-ok{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#E8F7EE;color:#1E8E4E;display:flex;align-items:center;justify-content:center}
.evr-ok svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.4}
.evr-done h3{font-family:var(--serif);font-weight:500;font-size:1.6rem !important;line-height:1.15;color:#050D1F !important;margin:0 0 8px}
.evr-ref{display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:6px;background:#F4F1EB;font-size:.8rem;font-weight:600;color:#3D3D3D;letter-spacing:.03em}
.evr-done p{font-size:.92rem;line-height:1.6;color:#3D3D3D;margin:0 0 18px}
.evr-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:12px;background:#25D366;color:#fff;font-size:1.02rem;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(37,211,102,.28)}
.evr-wa svg{width:20px;height:20px;fill:#fff}
.evr-done small{display:block;margin-top:12px;font-size:.8rem;color:#7A776F;line-height:1.5}

/* ── What you get + doctor ── */
.evl-main h2.evr-gets-h{font-family:var(--serif);font-weight:500;font-size:1.45rem !important;line-height:1.2;color:#050D1F;margin:0 0 14px}
.evr-gets{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.evr-note{font-size:.82rem;line-height:1.6;color:#666460;margin:0 0 32px;padding:12px 14px;border-left:3px solid #C4A96A;background:rgba(196,169,106,.08)}
.evr-gets li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.5;color:#1C1C1C}
.evr-gets svg{width:22px;height:22px;flex-shrink:0;padding:4px;border-radius:50%;background:rgba(196,169,106,.16);stroke:#9A7F44;fill:none;stroke-width:2.6;box-sizing:border-box}
.evl-doc-av.evr-av{width:64px;height:64px;border:2px solid #C4A96A;overflow:hidden}
.evl-doc-av.evr-av img{width:100%;height:100%;object-fit:cover;display:block}
.evr-poster{display:block;max-width:440px;margin:0 0 28px;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(10,27,51,.14)}
.evr-poster img{width:100%;height:auto;display:block}

/* ── Key facts (date, time, place…) with icons ── */
.evr-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 32px}
.evr-fact{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #EAE5DA;border-radius:14px;box-shadow:0 2px 10px rgba(5,13,31,.04)}
.evr-fact.wide{grid-column:1/-1}
.evr-fi{width:44px;height:44px;border-radius:12px;background:#050D1F;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.evr-fi svg{width:20px;height:20px;stroke:#C4A96A;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.evr-fl{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9A7F44;margin-bottom:3px}
.evr-fv{display:block;font-size:1rem;font-weight:600;color:#050D1F;line-height:1.3}
.evr-fv small{display:block;margin-top:2px;font-size:.82rem;font-weight:400;color:#666460}
.evr-fact.hl{background:#050D1F;border-color:#050D1F}
.evr-fact.hl .evr-fi{background:#C4A96A}
.evr-fact.hl .evr-fi svg{stroke:#050D1F}
.evr-fact.hl .evr-fl{color:#D4BC87}
.evr-fact.hl .evr-fv{color:#fff}
@media(max-width:480px){.evr-facts{gap:10px}.evr-fact{padding:14px;gap:12px}.evr-fact:not(.wide){flex-direction:column;align-items:flex-start;gap:10px}.evr-fi{width:40px;height:40px;border-radius:11px}.evr-fi svg{width:19px;height:19px}}

/* ── Mobile sticky bar ── */
.evr-bar{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:none;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(5,13,31,.97);border-top:1px solid rgba(196,169,106,.3);box-shadow:0 -8px 24px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .25s}
.evr-bar.show{transform:translateY(0)}
.evr-bar-txt{flex:1;min-width:0;line-height:1.25}
.evr-bar-txt b{display:block;color:#fff;font-size:.9rem;font-weight:600}
.evr-bar-txt span{display:block;color:#D4BC87;font-size:.76rem}
.evr-bar a{flex-shrink:0;display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:10px;background:linear-gradient(180deg,#D9C28E,#C4A96A);color:#050D1F;font-size:.95rem;font-weight:700;text-decoration:none}

@media(max-width:960px){
  .evl-fw.evr-wrap{order:-1;margin-bottom:8px}
  .evr-bar{display:flex}
}
@media(max-width:768px){
  .wrap.evl-banner-inner{padding-left:20px;padding-right:20px}
  .evl-banner{min-height:0 !important;padding-bottom:0 !important}
  .evl-banner-inner{padding-top:22px !important;padding-bottom:30px !important}
  .evl-breadcrumb{margin-bottom:18px}
  .evl-type{margin-bottom:10px}
  .evl-h1{font-size:2.05rem !important;margin-bottom:22px}
  .evr-lead{font-size:.95rem;margin:-8px 0 16px}
  .evl-banner-meta{gap:10px 18px}
  .evr-hero-cta{display:flex;width:100%;margin-top:22px}
  .evr-hero-note{text-align:center}
  .evl-main{padding:20px 0 64px !important}
  .evl-layout{gap:36px}
}
@media(max-width:480px){
  .wrap.evl-banner-inner{padding-left:16px;padding-right:16px}
  .evr-top{padding:20px 18px 18px}
  .evr-top h2.evr-title{font-size:1.55rem !important}
  .evr-form{padding:18px 18px 20px}
  .evr-done{padding:26px 18px 24px}
  .evr-row{gap:10px}
}
@media(prefers-reduced-motion:reduce){.evr-bar{transition:none}}