/* HOME "Events" section ([srs_events]): centred heading, a sliding row of photo cards with arrows and dots.
   Also the single Event page (photos in a framed grid). */

.srs-ev{ width:calc(100% - 40px) !important; max-width:1200px !important; margin:0 auto 56px !important; padding:0 0 56px; border-bottom:1px solid #dcdcdc; }
.srs-ev-title{ margin:0 0 6px; text-align:center; font-size:40px; font-weight:400; line-height:1.2; color:#333; }
.srs-ev-sub{ margin:0 0 36px; text-align:center; font-size:20px; line-height:1.5; color:#555; }

.srs-ev-wrap{ position:relative; padding:0 64px; }
.srs-ev-track{
  display:flex; gap:26px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding:6px 4px 10px; margin:0 -4px; scrollbar-width:none; -ms-overflow-style:none;
}
.srs-ev-track::-webkit-scrollbar{ display:none; }

.srs-ev-card{
  flex:0 0 calc((100% - 78px) / 4); scroll-snap-align:start; display:flex; flex-direction:column; gap:14px;
  text-decoration:none !important; color:#222 !important;
}
.srs-ev-img{
  display:block; aspect-ratio:5 / 4; overflow:hidden; background:#f3f4f6;
  border:3px solid #e2a821; border-radius:18px; transition:transform .25s ease, box-shadow .25s ease;
}
.srs-ev-img img{ display:block; width:100%; height:100%; object-fit:cover; }
.srs-ev-name{ text-align:center; font-size:17px; font-weight:700; line-height:1.35; color:#222; }
.srs-ev-card:hover .srs-ev-img{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(0,0,0,.14); }
.srs-ev-card:hover .srs-ev-name{ color:var(--drawer); text-decoration:underline; }

.srs-ev-arrow{
  position:absolute; top:calc(50% - 42px); width:46px; height:46px; padding:0; border:0; border-radius:50%;
  background:var(--navy); cursor:pointer; font-size:0; color:transparent; box-shadow:0 3px 10px rgba(0,0,0,.22);
  transition:background-color .2s ease, transform .2s ease;
}
/* thin gold chevron drawn with a border, so it is crisp and exactly centred */
.srs-ev-arrow::before{
  content:""; position:absolute; top:50%; left:50%; width:11px; height:11px;
  border-top:2.5px solid #e2a821; border-right:2.5px solid #e2a821;
}
.srs-ev-prev::before{ transform:translate(-30%,-50%) rotate(-135deg); }
.srs-ev-next::before{ transform:translate(-70%,-50%) rotate(45deg); }
.srs-ev-arrow:hover, .srs-ev-arrow:focus, .srs-ev-arrow:active{ background:var(--drawer) !important; color:transparent !important; outline:none; box-shadow:0 3px 10px rgba(0,0,0,.22) !important; }
.srs-ev-arrow:hover{ transform:scale(1.08); }
.srs-ev-prev{ left:4px; }
.srs-ev-next{ right:4px; }

.srs-ev-dots{ display:flex; justify-content:center; gap:9px; margin-top:20px; }
.srs-ev-dots button{ width:11px; height:11px; padding:0; border:0; border-radius:50%; background:#cfd3d9; cursor:pointer; transition:background-color .2s ease; }
.srs-ev-dots button.on{ background:#e2a821; }
.srs-ev-single .srs-ev-arrow, .srs-ev-single .srs-ev-dots{ display:none; }
/* only a few events (they all fit on one page): centre them instead of leaving them on the left */
.srs-ev-single .srs-ev-track{ justify-content:center; }
.srs-ev-single .srs-ev-wrap{ padding:0; }

@media (max-width:1000px){
  .srs-ev-card{ flex-basis:calc((100% - 26px) / 2); }
}
@media (max-width:900px){ .srs-ev{ width:100% !important; } }
@media (max-width:600px){
  .srs-ev{ margin-bottom:30px !important; padding-bottom:30px; }
  .srs-ev-title{ font-size:30px; }
  .srs-ev-sub{ font-size:17px; margin-bottom:24px; }
  .srs-ev-wrap{ padding:0; }
  .srs-ev-arrow{ width:38px; height:38px; top:calc(50% - 40px); }
  .srs-ev-arrow::before{ width:9px; height:9px; }
  .srs-ev-prev{ left:6px; } .srs-ev-next{ right:6px; }
  .srs-ev-card{ flex-basis:100%; }
}

/* ---- single Event page: no big picture on top (the photos are in the text), photos in a framed grid ---- */
body.single.srs-event .ast-single-post-featured-section{ display:none !important; }
body.single.srs-event .entry-content .wp-block-gallery.has-nested-images{
  display:grid !important; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:18px; margin:28px 0 8px; padding:0;
}
/* the number of columns follows the number of photos (3 photos = 3 wide frames, 4 photos = 4, phones = 1) */
body.single.srs-event .entry-content .wp-block-gallery,
body.single.srs-event .entry-content .wp-block-gallery .wp-block-image{ box-shadow:none !important; }
body.single.srs-event .entry-content .wp-block-gallery .wp-block-image{ margin:0 !important; width:auto !important; }
body.single.srs-event .entry-content .wp-block-gallery .wp-block-image img{
  display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; object-position:50% 30%;
  border:3px solid #e2a821; border-radius:14px; background:#f3f4f6;
}
/* an event with only ONE photo: show it at a comfortable size (not stretched across the page), in its own shape */
body.single.srs-event .entry-content .wp-block-gallery.has-nested-images:has(> .wp-block-image:only-child){ grid-template-columns:minmax(0, 620px); }
body.single.srs-event .entry-content .wp-block-gallery.has-nested-images:has(> .wp-block-image:only-child) .wp-block-image img{ aspect-ratio:auto; }

/* ---- photo viewer (big picture when a photo is clicked) ---- */
.srs-lb[hidden]{ display:none !important; }
.srs-lb{ position:fixed; inset:0; z-index:999999; background:rgba(8,14,26,.94); display:flex; align-items:center; justify-content:center; padding:56px 64px; }
.srs-lb-img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.srs-lb button{ position:absolute; border:0; padding:0; cursor:pointer; background:rgba(255,255,255,.14) !important; color:#fff !important; border-radius:50%; transition:color .2s ease; }
.srs-lb button:hover, .srs-lb button:focus{ background:rgba(255,255,255,.14) !important; color:#e2a821 !important; outline:none; }
.srs-lb-x{ top:14px; right:16px; width:42px; height:42px; font-size:30px; line-height:1; }
.srs-lb-nav{ top:50%; width:46px; height:46px; margin-top:-23px; }
.srs-lb-nav::before{ content:""; position:absolute; top:50%; left:50%; width:11px; height:11px; border-top:3px solid currentColor; border-right:3px solid currentColor; }
.srs-lb-prev{ left:12px; } .srs-lb-next{ right:12px; }
.srs-lb-prev::before{ transform:translate(-30%,-50%) rotate(-135deg); }
.srs-lb-next::before{ transform:translate(-70%,-50%) rotate(45deg); }
.srs-lb-count{ position:absolute; bottom:16px; left:0; right:0; text-align:center; color:#fff; font-size:15px; letter-spacing:.04em; }
html.srs-lb-open, html.srs-lb-open body{ overflow:hidden; }
@media (max-width:600px){
  .srs-lb{ padding:56px 8px; }
  .srs-lb-nav{ width:38px; height:38px; margin-top:-19px; top:auto; bottom:8px; margin-top:0; }
  .srs-lb-prev{ left:12px; } .srs-lb-next{ right:12px; }
}

/* photos on an event page: lift and glow a little on hover, like the Home event cards */
body.single.srs-event .entry-content .wp-block-gallery .wp-block-image img{ transition:transform .25s ease, box-shadow .25s ease; cursor:zoom-in; }
body.single.srs-event .entry-content .wp-block-gallery .wp-block-image:hover img{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(0,0,0,.18); }