/* On Seven Club — Sunset / Orange palette from user reference
   #F97316 #FB923C #FBBF24 #FDE68A #FEFBE8 #111827 */
:root{
  --ink:#111827!important;
  --green:#F97316!important;
  --deep:#111827!important;
  --lime:#FBBF24!important;
  --cream:#FDE68A!important;
  --paper:#FEFBE8!important;
  --line:rgba(17,24,39,.14)!important;
  --sunset-orange:#F97316;
  --sunset-orange-soft:#FB923C;
  --sunset-gold:#FBBF24;
  --sunset-cream:#FDE68A;
  --sunset-paper:#FEFBE8;
  --sunset-navy:#111827;
}
body{background:var(--sunset-paper);color:var(--sunset-navy)}

/* Header + hero */
.topbar{background:rgba(17,24,39,.88);border-color:rgba(253,230,138,.16);color:rgba(254,251,232,.72)}
.topbar p{color:var(--sunset-gold)}
.site-header.scrolled{background:rgba(17,24,39,.97);box-shadow:0 12px 34px rgba(17,24,39,.22)}
.hero:not([style*="url("]),.page-hero:not([style*="url("]){
  background:
    radial-gradient(circle at 78% 42%,rgba(251,146,60,.40),transparent 25%),
    radial-gradient(circle at 58% 72%,rgba(251,191,36,.18),transparent 30%),
    linear-gradient(112deg,#111827 0%,#1b2232 48%,#7c3513 100%)!important;
}
.hero-overlay{background:linear-gradient(90deg,rgba(17,24,39,.42),rgba(17,24,39,.08) 65%)}
.hero-lines i{border-color:rgba(251,191,36,.18)}
.hero:after,.page-hero:after{background:radial-gradient(circle,rgba(251,191,36,.25),rgba(251,191,36,0) 68%)}
.page-hero:before{border-color:rgba(251,191,36,.18);box-shadow:0 0 0 90px rgba(251,191,36,.04),0 0 0 180px rgba(251,191,36,.025)}
.page-transition{background:linear-gradient(145deg,#111827,#7c3513)}

/* Accent buttons and stats */
.button.primary,.registration-form .button,.mobile-nav-cta{background:var(--sunset-gold)!important;color:var(--sunset-navy)!important}
.button.white{background:var(--sunset-paper);color:var(--sunset-navy)}
.stats{background:linear-gradient(90deg,#F97316 0%,#FB923C 38%,#FBBF24 100%);color:#111827}
.stats article{border-color:rgba(17,24,39,.18)}

/* Light sections */
.portal-intro,.news,.greeting,.leaders,.training-path{background:var(--sunset-paper)}
.about,.achievements{background:linear-gradient(180deg,#FFF8DC 0%,#FDE68A 100%)}
.about-art:not([style*="url("]),.about-brand-panel,.greeting-clean .greeting-portrait:not([style*="url("]){background:linear-gradient(145deg,#F97316,#FB923C)}
.about-art:before,.greeting-portrait:after{border-color:rgba(254,251,232,.34)}
.about-art aside{background:#111827;color:#FBBF24}

/* Cards */
.news-card,.achievement-card,.registration-form{background:#fffdf6;border-color:rgba(17,24,39,.09);box-shadow:0 15px 42px rgba(17,24,39,.08)}
.news-art{background:#FDE68A;color:#111827}
.featured .news-art{background:#111827;color:#FBBF24}
.news-tag{background:#FBBF24;color:#111827}
.portrait{background:#FDE68A}
.portrait:before{border-color:rgba(249,115,22,.28)}
.portrait:after{background:rgba(251,146,60,.20)}
.portrait span{color:rgba(249,115,22,.58)}
.accent-2{background:#FFE0B2}.accent-3{background:#FFF1C9}.accent-4{background:#FFD8C2}

/* Dark sections */
.information,.programs,.home-agenda,.join{background:#111827}
.program-card:hover{background:#FBBF24;color:#111827}
.gallery-section{background:linear-gradient(150deg,#F97316 0%,#FB923C 52%,#D65A0E 100%)}
.gallery-card{background:linear-gradient(145deg,#111827,#7c3513)}
.gallery-card:before{border-color:rgba(251,191,36,.28)}
.page-cta{background:linear-gradient(110deg,#F97316,#111827)}

/* Forms and controls */
.registration-form input,.registration-form select,.registration-form textarea,.news-search input{background:#fffdf8;border-color:rgba(17,24,39,.16);color:#111827}
.registration-form input:focus,.registration-form select:focus,.registration-form textarea:focus,.news-search input:focus{border-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.13)}
.filter-row button.selected,.filter-row button:hover{background:#F97316;border-color:#F97316;color:#fff}

/* Mobile nav */
@media(max-width:820px){
  .site-header nav,.site-header.scrolled nav{
    border-left-color:rgba(251,191,36,.18);
    background:radial-gradient(circle at 88% 8%,rgba(251,191,36,.16),transparent 28%),linear-gradient(155deg,#111827,#3a2518 72%)!important;
  }
  .site-header nav:before{border-color:rgba(251,191,36,.13);box-shadow:0 0 0 36px rgba(251,191,36,.03),0 0 0 72px rgba(251,191,36,.02)}
  .site-header nav>a:not(.mobile-nav-cta):hover,.site-header nav>a:not(.mobile-nav-cta):focus-visible,.site-header nav>a:not(.mobile-nav-cta).active{background:#FBBF24;color:#111827}
  .menu-button.active{background:#FBBF24;color:#111827;border-color:#FBBF24;box-shadow:0 0 0 5px rgba(251,191,36,.14),0 14px 34px rgba(17,24,39,.28)}
}

/* Floating controls, modals, footer */
.back-to-top{background:rgba(17,24,39,.94);border-color:rgba(253,230,138,.22)}
.back-to-top:hover{background:#F97316}
.back-to-top span,.modal-close{background:#FBBF24;color:#111827}
.story-image{background:radial-gradient(circle,#FB923C,#111827)}
.lightbox figure,footer{background:#111827}
footer h3{color:#FBBF24}

/* Replace lingering green-tinted shadows/accents */
.news-card:hover,.news-card:focus-visible,.tilt-ready.tilting,.program-card:hover,.achievement-card:hover,.leader-card:hover,.gallery-card:hover,.path-grid article:hover{box-shadow:0 22px 54px rgba(249,115,22,.14)}
.interaction-ripple{background:rgba(251,191,36,.45)}
.scroll-progress span{background:linear-gradient(90deg,#F97316,#FBBF24)}
.toast.success{background:#F97316}

/* Brand cleanup panels */
.about-brand-panel,.greeting-clean .greeting-portrait:not([style*="url("]){background:linear-gradient(150deg,#F97316 0%,#FB923C 55%,#FBBF24 150%)}
.about-brand-content p{color:rgba(17,24,39,.78)}


/* Gallery mobile full-bleed + true fullscreen lightbox */
@media(max-width:620px){
  body[data-page="gallery"] .gallery-page{
    padding-left:0!important;
    padding-right:0!important;
  }
  body[data-page="gallery"] .gallery-page .section-heading{
    padding-left:21px;
    padding-right:21px;
    margin-bottom:30px;
  }
  body[data-page="gallery"] .gallery-archive{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body[data-page="gallery"] .gallery-archive .gallery-card{
    width:100%!important;
    min-height:100vw!important;
    margin:0!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body[data-page="gallery"] .gallery-archive .gallery-card + .gallery-card{
    border-top:8px solid #F97316;
  }
  body[data-page="gallery"] .lightbox{
    padding:0!important;
  }
  body[data-page="gallery"] .lightbox figure{
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    margin:0!important;
    box-shadow:none!important;
  }
  body[data-page="gallery"] .lightbox img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
  }
}

/* Gallery equal-size cards — v20260819-1334 */
.gallery-page .gallery-grid.gallery-archive{grid-auto-rows:auto!important;align-items:stretch}
.gallery-page .gallery-grid.gallery-archive .gallery-card{width:100%;height:auto!important;min-height:0!important;aspect-ratio:3/2;align-self:stretch}
.gallery-page .gallery-grid.gallery-archive .gallery-card-1{grid-row:span 1!important}
@media(max-width:560px){
  .gallery-page .gallery-grid.gallery-archive{display:grid;grid-template-columns:1fr!important;gap:12px!important}
  .gallery-page .gallery-grid.gallery-archive .gallery-card{width:100%!important;aspect-ratio:3/2!important;height:auto!important;min-height:0!important}
}


/* Gallery full-bleed on every viewport, including desktop-mode browsers — v20260819-1423 */
body[data-page="gallery"] .gallery-page{
  padding-left:0!important;
  padding-right:0!important;
}
body[data-page="gallery"] .gallery-page .section-heading{
  padding-left:8vw;
  padding-right:8vw;
}
body[data-page="gallery"] .gallery-page .gallery-archive{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-page="gallery"] .gallery-page .gallery-archive .gallery-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  margin:0!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center!important;
}
body[data-page="gallery"] .gallery-page .gallery-archive .gallery-card-1{
  grid-row:span 1!important;
}
body[data-page="gallery"] .lightbox{
  padding:0!important;
}
body[data-page="gallery"] .lightbox figure{
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body[data-page="gallery"] .lightbox img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
}
@media(max-width:820px){
  body[data-page="gallery"] .gallery-page .section-heading{padding-left:21px;padding-right:21px}
}
@media(max-width:620px){
  body[data-page="gallery"] .gallery-page .gallery-archive{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}