/* small helpers so we don't repeat Tailwind classes */
.nav-link{ color:#b9c3d9; padding:6px 0; }
.nav-link:hover{ color:#ffffff; }

.mobile-link{ color:#d5dcef; padding:6px 0; }
.mobile-link:hover{ color:#ffffff; }

/* nice gradient line separators */
.hr-grad{ height:1px; background:linear-gradient(90deg,#ffffff00,#16a08555,#3b82f655,#6d28d955,#ffffff00); }

/* glass card */
.glass{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}

/* focus outline improvement */
:focus-visible{ outline:2px solid #ffd166; outline-offset:2px; }

/* Gallery emphasis: active slide normal size, neighbors smaller */
[data-gallery="swiper"] .swiper-slide a {
  transition: transform .30s ease, filter .30s ease, opacity .30s ease;
}
[data-gallery="swiper"] .swiper-slide:not(.swiper-slide-active) a {
  transform: scale(.90);              /* smaller outside cards */
  filter: saturate(.9) brightness(.95);
  opacity: .95;
}
[data-gallery="swiper"] .swiper-slide-active a {
  transform: scale(1);                /* full size center card */
  filter: none;
  opacity: 1;
}

/* --- Gallery polish --- */
[data-gallery="swiper"] .swiper-slide a {
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, filter .35s ease, opacity .35s ease;
  will-change: transform;
  cursor: zoom-in;
}

/* side slides slightly smaller/desaturated */
[data-gallery="swiper"] .swiper-slide:not(.swiper-slide-active) a {
  transform: scale(.90);
  filter: saturate(.9) brightness(.95);
  opacity: .95;
}

/* active slide at 1:1 scale */
[data-gallery="swiper"] .swiper-slide-active a {
  transform: scale(1);
  filter: none;
  opacity: 1;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* desktop-only hover: give the center image a gentle pop */
@media (hover: hover) {
  [data-gallery="swiper"] .swiper-slide-active a:hover {
    transform: scale(1.04);              /* tweak to 1.03–1.06 if you want */
    box-shadow: 0 16px 44px rgba(0,0,0,.32);
  }
}

/* nice focus ring for keyboard users */
[data-gallery="swiper"] .swiper-slide a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.35), 0 10px 30px rgba(0,0,0,.25);
  border-radius: 1rem;
}



  /* Certificates lightbox viewer */
.inline-cert {
  width: min(1200px, 95vw);
  height: min(85vh, 1000px);
  background: #0b1020;
  border-radius: 12px;
  overflow: hidden;
}
.inline-cert .toolbar {
  display: flex; gap: .5rem; align-items: center; justify-content: flex-end;
  padding: .5rem .75rem; background: rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.inline-cert .toolbar a, .inline-cert .toolbar button {
  font-size: .85rem; line-height: 1; padding: .4rem .6rem; border-radius: 8px;
  background: rgba(255,255,255,.08); color: white;
}
.inline-cert .viewer { width: 100%; height: calc(100% - 42px); }
.inline-cert .viewer object { width: 100%; height: 100%; }
.inline-cert .fallback { color: #e5e7eb; }