@import url("../style.css"); /* použijeme hlavní proměnné a base styly */

/* Breadcrumb + headline */
.album-head{
  display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap;
}
.breadcrumb{ color:var(--muted); font-size:14px; }
.breadcrumb a{ color:inherit; text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; }

/* Mřížka fotek */
.album-grid{
  display:grid; gap:10px;
  grid-template-columns:1fr 1fr;
}
@media (min-width:800px){ .album-grid{ grid-template-columns:repeat(3,1fr);} }
.album-grid img{
  width:100%; height:230px; object-fit:cover; border-radius:14px;
  border:1px solid var(--border); box-shadow:var(--shadow); cursor:pointer;
}

/* Lightbox */
.lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:none; align-items:center; justify-content:center; z-index:9999;
}
.lightbox.open{ display:flex; }
.lightbox img{ max-width:92vw; max-height:86vh; border-radius:10px; }
.lb-close, .lb-prev, .lb-next{
  position:fixed; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.25);
  padding:10px 12px; border-radius:10px; cursor:pointer; user-select:none;
}
.lb-close{ top:28px; right:28px; transform:none; }
.lb-prev{ left:26px; }
.lb-next{ right:26px; }
.lb-prev:hover, .lb-next:hover, .lb-close:hover{ background:rgba(255,255,255,.2); }