
:root{--primary:#1E40AF;--primaryDark:#1E3A8A;--secondary:#F59E0B;--secondaryDark:#D97706}
.logo-img{width:44px;height:44px;border-radius:9999px;object-fit:cover;background:#fff}
/* Header */
.site-header{
  background-color:#1E40AF !important;
  color:#fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.site-header .nav-link{ position:relative; color:#fff !important; padding:.25rem 0 }
.site-header .nav-link::after{ content:''; position:absolute; bottom:-6px; right:0; width:0; height:2px; background:#F59E0B; transition:width .3s }
.site-header .nav-link:hover::after, .site-header .nav-link.active::after{ width:100% }
.lang-btn{ color:#fff !important; background:rgba(255,255,255,.18) !important; padding:.35rem .8rem; border-radius:.5rem }
#mobileMenu{ background-color:#1E3A8A !important; border-color:rgba(255,255,255,.18) }
/* Footer - light */
.site-footer{ background:#F3F4F6 !important; color:#1E3A8A !important; text-align:center; padding:2rem 0; margin-top:4rem }
.site-footer p{ color:#1E3A8A !important; font-weight:600; font-size:1rem }
.site-footer .lock-link{ margin-inline-start:.6rem; color:#1E3A8A }
.site-footer .lock-link:hover{ text-decoration:underline }
/* Buttons & helpers */
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:#fff}
.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondaryDark));color:#111}
.card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;transition:.3s}
.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:translateY(-4px)}
.hero-overlay{background:linear-gradient(135deg,rgba(30,64,175,.92),rgba(30,64,175,.80))}
/* Stats bar */
#statsBar{ background-color:#1E3A8A !important; color:#fff !important; }
#statsBar .stat-number{ color:#F59E0B !important; font-weight:800; }
#statsBar .stat-label{ color:#ffffff !important; opacity:.95; }


/* --- Gallery overlay styles --- */
.gallery-overlay{position:fixed;inset:0;z-index:70;display:none}
.gallery-overlay.show{display:block}
.gallery-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:saturate(1.2) blur(2px)}
.gallery-shell{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}
.gallery-stage{position:relative;width:100%;max-width:1100px;aspect-ratio:16/9;background:#0b1020;border-radius:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gallery-stage img{max-width:100%;max-height:100%;object-fit:contain}
.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:.6rem .9rem;border-radius:.75rem;color:#fff}
.gallery-btn:hover{background:rgba(255,255,255,.25)}
.gallery-prev{left:.75rem}
.gallery-next{right:.75rem}
.gallery-close{position:absolute;top:.75rem;right:.75rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:.45rem .6rem;border-radius:.75rem;color:#fff}
.gallery-caption{color:#fff;opacity:.95;margin-top:.75rem;text-align:center}
.gallery-thumbs{display:flex;gap:.5rem;margin-top:.75rem;max-width:1100px;overflow-x:auto;padding-bottom:.25rem}
.gallery-thumb{width:84px;height:56px;border-radius:.5rem;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#111}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb.active{border-color:#F59E0B}
