/* ==========================================================================
   Events Pages (events.php listing + event-details.php) — page-specific
   styles. Loaded after style.css; responsive.css loads last and wins
   overrides.
   ========================================================================== */

/* ---------- Events Hero (listing page) ---------- */
.events-hero{
  position:relative;min-height:40vh;display:flex;align-items:flex-end;
  overflow:hidden;background:var(--navy-950);padding-top:var(--header-h);
}
.events-hero-media{position:absolute;inset:0;z-index:0;}
.events-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 35%;}
.events-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,19,.35) 0%,rgba(5,10,19,.55) 55%,rgba(5,10,19,.85) 100%);
}
.events-hero-content{position:relative;z-index:2;padding:52px 0 44px;}
.events-hero-title{font-size:clamp(30px,4.4vw,50px);color:var(--paper-0);max-width:720px;margin:14px 0 12px;}
.events-hero-sub{font-size:15.5px;color:rgba(255,255,255,.78);max-width:560px;line-height:1.7;}

/* ---------- Event Details Hero (detail page — same look, one extra line) ---------- */
.event-details-hero{
  position:relative;min-height:44vh;display:flex;align-items:flex-end;
  overflow:hidden;background:var(--navy-950);padding-top:var(--header-h);
}
.event-details-hero-media{position:absolute;inset:0;z-index:0;}
.event-details-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 35%;}
.event-details-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,19,.35) 0%,rgba(5,10,19,.55) 55%,rgba(5,10,19,.85) 100%);
}
.event-details-hero-content{position:relative;z-index:2;padding:52px 0 44px;}
.event-details-hero .breadcrumb a{color:rgba(255,255,255,.85);}
.event-date.light{
  display:flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;color:var(--gold-400);margin-bottom:16px;
}

/* ---------- Event folder cards (used on both the listing page and the
   "More Events" strip at the bottom of a detail page) ---------- */
.event-folders{padding:100px 0;background:var(--paper-0);}
.event-folders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.event-folder-card{
  display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-0);
  border:1px solid var(--line-100);box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.event-folder-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.event-folder-cover{position:relative;height:220px;overflow:hidden;}
.event-folder-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease);}
.event-folder-card:hover .event-folder-cover img{transform:scale(1.08);}
.event-folder-cover::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(5,10,19,.7) 0%,rgba(5,10,19,0) 55%);
}
.event-folder-tab{
  position:absolute;top:16px;left:16px;z-index:1;width:40px;height:40px;border-radius:12px;
  background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:var(--paper-0);
  display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.event-folder-count{
  position:absolute;bottom:14px;right:16px;z-index:1;display:flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;color:var(--paper-0);background:rgba(5,10,19,.55);
  padding:5px 11px;border-radius:100px;backdrop-filter:blur(4px);
}
.event-folder-body{padding:22px 22px 24px;}
.event-folder-eyebrow{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-500);margin-bottom:8px;}
.event-folder-body h3{font-size:19px;color:var(--navy-900);margin-bottom:10px;line-height:1.35;}
.event-folder-date{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grey-500);}
.event-folder-date i{color:var(--gold-500);}

/* ---------- Detail-page gallery section ---------- */
.event-details-gallery{padding:100px 0;background:var(--paper-0);}
.event-details-gallery .section-heading{margin-bottom:40px;}

/* ---------- More Events strip ---------- */
.more-events{padding:100px 0;background:var(--paper-50);}

/* ==========================================================================
   CTA (listing page)
   ========================================================================== */
.events-cta{padding:110px 0;background:var(--navy-950);text-align:center;}
.events-cta-content{max-width:620px;margin:0 auto;}
.events-cta h2{font-size:clamp(26px,3.6vw,38px);color:var(--paper-0);margin-bottom:16px;}
.events-cta p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.75;margin-bottom:32px;}
.events-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.events-cta .btn-outline{border-color:rgba(255,255,255,.35);color:var(--paper-0);}
.events-cta .btn-outline:hover{background:var(--paper-0);color:var(--navy-950);}