/* ==========================================================================
   events.css — supplemental styles for the EVENTS area
   Loaded AFTER site.css. Reuses site tokens (--accent, --ink, --line, etc.).
   ========================================================================== */

/* --- Event profile hero (background-image with gradient fallback) ------ */
.event-hero{
  position:relative;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  min-height:clamp(280px,42vw,460px);
  display:flex;
  align-items:flex-end;
  background:#1f2c22 center/cover no-repeat;
  background-image:linear-gradient(140deg,#1f4631,#143126 55%,#0e2018);
  color:var(--warm-ivory,#F7F2E8);
}
.event-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,32,24,0) 30%,rgba(14,32,24,.78) 100%);
}
.event-hero__inner{position:relative;z-index:1;padding:clamp(22px,4vw,40px)}
.event-hero .kicker{color:var(--accent)}
.event-hero h1{
  font-family:var(--display);font-weight:700;letter-spacing:-.02em;
  font-size:clamp(30px,5vw,58px);color:#fff;margin-top:10px;line-height:1.04;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.event-hero .event-hero__sub{
  color:rgba(247,242,232,.9);font-size:clamp(15px,1.5vw,18px);
  margin-top:12px;max-width:60ch;
}

/* --- Host links button cluster ---------------------------------------- */
.host-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.host-links .btn{flex:0 0 auto}
.host-note{
  margin-top:16px;font-size:12.5px;color:var(--faint);
  display:flex;gap:8px;align-items:flex-start;max-width:60ch;
}
.host-note::before{content:"◇";color:var(--accent)}

/* --- Visual event cards (image card grid for lifestyle + article list) - */
.evt-card .card__bg{
  background:#1f2c22 center/cover no-repeat;
  background-image:linear-gradient(140deg,#1f4631,#143126 55%,#0e2018);
}
.evt-card .card__tag-float{
  position:absolute;top:12px;left:12px;z-index:2;
  background:rgba(14,32,24,.82);color:var(--accent);
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 12px;border-radius:999px;border:1px solid rgba(201,161,90,.4);
}
.evt-card .card__date{
  margin-top:10px;font-size:13px;color:var(--faint);
  font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}

/* --- Make a whole .event-row clickable via a stretched overlay link ---- */
.event-row{position:relative}
.event-row .event-stretch{
  position:absolute;inset:0;z-index:1;
  font-size:0;color:transparent;border-radius:inherit;
}
/* Keep the explicit CTA / venue links clickable above the overlay */
.event-row .event-cta,
.event-row .event-main h3{position:relative;z-index:2}