/* ═══════════════════════════════════════════
   EVENTS PAGES
   Same structure and scale as productpage.css
   Colors, fonts and type tokens come from global.css
═══════════════════════════════════════════ */

/* ═══ PAGE HEADER — identical to productpage ═══ */

.page-hdr{background:#fff;padding:32px 0 28px;border-bottom:1px solid var(--border);}

.page-hdr h1{
  font-family:var(--fh);font-size:var(--fs-h3);font-weight:var(--fw-bold);
  color:var(--ink);letter-spacing:-.5px;margin-bottom:10px;
  line-height:var(--lh-h3);
}

/* was --fs-small — every other page uses --fs-body here */
.page-hdr p{
  font-family:var(--fb);font-size:var(--fs-body);color:var(--g2);
  line-height:var(--lh-body);max-width:700px;margin-bottom:0;
}

.page-hdr-meta{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap;}

.page-hdr-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:30px;padding:5px 12px;
  font-family:var(--fb);font-size:var(--fs-tag);font-weight:var(--fw-med);
  color:var(--g1);white-space:nowrap;
}

.page-hdr-badge i{color:var(--red);font-size:12px;}

/* ═══ EVENTS LISTING ═══ */

#events-body{background:var(--surface);padding:60px 0 80px;}

/* Filter bar — matches .vid-filter-bar */

.ev-filter-bar{background:#fff;border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:73px;z-index:40;}

.ev-filter-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

/* label, not a heading — matches .vid-filter-label */
.ev-filter-label{
  font-family:var(--fb);font-size:var(--fs-eye);font-weight:var(--fw-bold);
  color:var(--g2);text-transform:uppercase;letter-spacing:2px;
  line-height:var(--lh-eye);white-space:nowrap;margin-right:4px;
}

/* tab size now matches .vid-tab / .faq-chip / .about-tab (14px) */
.ev-tab{
  font-family:var(--fb);font-size:var(--fs-small);font-weight:var(--fw-med);
  padding:8px 16px;border-radius:20px;
  border:1.5px solid var(--border);color:var(--g2);
  cursor:pointer;background:#fff;white-space:nowrap;flex-shrink:0;
  transition:all .18s;
}

.ev-tab:hover{border-color:var(--red);color:var(--red);}
.ev-tab.active{background:var(--red);border-color:var(--red);color:#fff;}

/* ═══ EVENTS GRID — matches .prod-grid ═══ */

.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

/* ═══ EVENT CARD — matches .prod-card ═══ */

.ev-card{
  background:#fff;border-radius:10px;border:1.5px solid var(--border);
  overflow:hidden;display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
  position:relative;min-width:0;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}

.ev-card:hover{
  border-color:var(--red);
  box-shadow:0 10px 36px rgba(192,57,43,.1);
  transform:translateY(-4px);
  color:inherit;text-decoration:none;
}

/* Red top bar on hover — same as prod-card */
.ev-card::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;background:var(--red);
  transform:scaleX(0);transform-origin:left;
  transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:3;
}

.ev-card:hover::before{transform:scaleX(1);}

.ev-card-img-wrap{overflow:hidden;position:relative;}

.ev-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1);}
.ev-card:hover .ev-card-img{transform:scale(1.06);}

.ev-card-badge{
  position:absolute;top:14px;left:14px;
  background:var(--red);color:#fff;
  font-family:var(--fb);font-size:var(--fs-tag);font-weight:var(--fw-bold);
  letter-spacing:1px;text-transform:uppercase;
  padding:4px 10px;border-radius:4px;z-index:2;
}

.ev-card-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}

.ev-card-date{
  display:flex;align-items:center;gap:7px;
  font-family:var(--fb);font-size:var(--fs-tag);color:var(--g3);
  margin-bottom:10px;
}
.ev-card-date i{color:var(--red);font-size:13px;}

.ev-card-title{
  font-family:var(--fh);font-size:var(--fs-h6);font-weight:var(--fw-bold);
  color:var(--ink);letter-spacing:-.3px;line-height:var(--lh-snug);
  margin-bottom:8px;transition:color .18s;
}

.ev-card:hover .ev-card-title{color:var(--red);}

/* was --fs-tag — body copy should be --fs-small */
.ev-card-desc{
  font-family:var(--fb);font-size:var(--fs-small);color:var(--g2);
  line-height:var(--lh-body);margin-bottom:16px;flex:1;
}

.ev-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}

.ev-card-location{display:flex;align-items:center;gap:6px;font-family:var(--fb);font-size:var(--fs-tag);color:var(--g3);}
.ev-card-location i{color:var(--red);font-size:12px;}

.ev-card-link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fb);font-size:var(--fs-small);font-weight:var(--fw-bold);
  color:var(--red);transition:gap .18s;
}
.ev-card:hover .ev-card-link{gap:9px;}

/* ═══ EVENT DETAIL ═══ */

#ev-detail{background:var(--surface);padding:60px 0 80px;}

.ev-detail-hero{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:10px;margin-bottom:32px;display:block;}

.ev-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;}

.ev-detail-main{min-width:0;}

/* eyebrow — matches .eye elsewhere */
.ev-detail-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--fb);font-size:var(--fs-eye);font-weight:var(--fw-bold);
  letter-spacing:2px;text-transform:uppercase;color:var(--red);
  line-height:var(--lh-eye);margin-bottom:12px;
}
.ev-detail-eyebrow::before{content:"";width:16px;height:2px;background:var(--red);flex-shrink:0;}

/* was a hardcoded clamp() */
.ev-detail-h1{
  font-family:var(--fh);font-size:var(--fs-h2);font-weight:var(--fw-bold);
  color:var(--ink);letter-spacing:-.5px;line-height:var(--lh-h2);
  margin-bottom:20px;
}

.ev-detail-meta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  padding:16px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  margin-bottom:28px;
}

.ev-detail-meta-item{display:flex;align-items:center;gap:8px;font-family:var(--fb);font-size:var(--fs-small);color:var(--g2);}
.ev-detail-meta-item i{color:var(--red);font-size:16px;}
.ev-detail-meta-item strong{color:var(--ink);font-weight:var(--fw-bold);}

/* was --lh-small on body copy */
.ev-detail-body p{
  font-family:var(--fb);font-size:var(--fs-body);color:var(--g2);
  line-height:var(--lh-body);margin-bottom:16px;
}

.ev-detail-body h3{
  font-family:var(--fh);font-size:var(--fs-h5);font-weight:var(--fw-bold);
  color:var(--ink);margin:28px 0 12px;line-height:var(--lh-snug);
}

/* Gallery */

.ev-gallery{margin-top:32px;}

.ev-gallery-title{
  font-family:var(--fh);font-size:var(--fs-h5);font-weight:var(--fw-bold);
  color:var(--ink);margin-bottom:16px;line-height:var(--lh-snug);
}

.ev-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ev-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--border);}

/* Sidebar — matches .aside-card on the About pages */

.ev-detail-sidebar{min-width:0;}

.ev-sidebar-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:20px;}

.ev-sidebar-hdr{background:var(--ink2);padding:16px 20px;}

.ev-sidebar-hdr-title{
  font-family:var(--fh);font-size:var(--fs-h6);font-weight:var(--fw-bold);color:#fff;
}

.ev-sidebar-body{padding:18px 20px;}

.ev-sidebar-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.ev-sidebar-item:last-child{border-bottom:none;}

.ev-sidebar-icon{width:32px;height:32px;border-radius:7px;background:var(--red-bg);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:14px;flex-shrink:0;}

.ev-sidebar-label{font-family:var(--fb);font-size:var(--fs-small);color:var(--g3);margin-bottom:2px;line-height:var(--lh-small);}

/* was heading font on a value — matches .aside-val */
.ev-sidebar-val{font-family:var(--fb);font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--ink);line-height:var(--lh-small);}

/* Other events list */

.ev-other-card{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 0;border-bottom:1px solid var(--border);
  text-decoration:none;color:inherit;transition:color .18s;
}
.ev-other-card:last-child{border-bottom:none;}
.ev-other-card:hover{color:var(--red);}

.ev-other-img{width:64px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0;}

.ev-other-title{font-family:var(--fb);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--ink);line-height:var(--lh-snug);margin-bottom:4px;}
.ev-other-card:hover .ev-other-title{color:var(--red);}

.ev-other-date{font-family:var(--fb);font-size:var(--fs-tag);color:var(--g3);}

/* Breadcrumb */

.ev-bc{display:flex;align-items:center;gap:8px;font-family:var(--fb);font-size:var(--fs-small);color:var(--g3);margin-bottom:24px;flex-wrap:wrap;}
.ev-bc a{color:var(--g3);text-decoration:none;transition:color .18s;}
.ev-bc a:hover{color:var(--red);}
.ev-bc .sep{color:var(--border);}
.ev-bc .cur{color:var(--ink);font-weight:var(--fw-bold);}

/* ════════════════════════════════════════
   RESPONSIVE — same breakpoints as productpage
   1060 | 900 | 576
════════════════════════════════════════ */

@media(max-width:1060px){
  .ev-grid{grid-template-columns:repeat(2,1fr);}
  .ev-detail-layout{grid-template-columns:1fr 280px;gap:24px;}
}

@media(max-width:900px){
  #events-body{padding:40px 0 60px;}
  .ev-grid{grid-template-columns:repeat(2,1fr);gap:16px;}

  #ev-detail{padding:40px 0 60px;}
  .ev-detail-layout{grid-template-columns:1fr;}
  .ev-detail-hero{aspect-ratio:16/9;margin-bottom:24px;}
  .ev-gallery-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:576px){
  .ev-grid{grid-template-columns:1fr;}
  .ev-card-body{padding:16px 18px;}
  .ev-detail-meta{gap:12px;}
  .ev-gallery-grid{grid-template-columns:1fr;}
}