/* ===== Fotoarchiv — index alb + album + prohlížeč ===== */
.arch-obdobi{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}
.arch-filtr{
  font-family:var(--display);font-weight:700;font-size:14px;cursor:pointer;
  background:#fff;color:var(--ink);border:2px solid rgba(58,54,48,.16);
  border-radius:999px;padding:9px 19px;transition:.16s;box-shadow:var(--shadow-paper);
}
.arch-filtr:hover{transform:rotate(-1.5deg)}
.arch-filtr[aria-pressed="true"]{background:var(--jahoda);color:#fff;border-color:var(--jahoda)}

.arch-skupina{margin-bottom:46px}
.arch-skupina-nadpis{
  font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,26px);
  margin:0 0 20px;padding-bottom:10px;border-bottom:2px dashed rgba(58,54,48,.2);
  display:flex;align-items:baseline;gap:12px;
}
.arch-skupina-nadpis small{font-family:var(--body);font-weight:400;font-size:14px;color:var(--ink-soft)}

.arch-mrizka{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.arch-karta{
  display:block;text-decoration:none;color:var(--ink);background:#fff;
  border-radius:14px;overflow:hidden;box-shadow:var(--shadow-paper);
  transform:rotate(var(--r,0deg));transition:transform .25s, box-shadow .25s;
}
.arch-karta:nth-child(3n+1){--r:-.8deg}
.arch-karta:nth-child(3n+2){--r:.7deg}
.arch-karta:nth-child(3n){--r:-.4deg}
.arch-karta:hover{transform:rotate(0) translateY(-5px);box-shadow:0 14px 32px rgba(58,54,48,.24)}
.arch-obal{position:relative;aspect-ratio:4/3;background:var(--piskova);overflow:hidden}
.arch-obal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.arch-karta:hover .arch-obal img{transform:scale(1.06)}
.arch-pocet{
  position:absolute;right:10px;bottom:10px;background:rgba(20,18,15,.78);color:#fff;
  font-family:var(--display);font-weight:700;font-size:12.5px;padding:3px 11px;border-radius:999px;
}
.arch-karta h3{font-family:var(--display);font-weight:700;font-size:16px;line-height:1.25;padding:13px 15px 15px;margin:0}

/* album — mřížka náhledů */
.arch-hlava{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.arch-zpet{
  font-family:var(--display);font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;
  background:var(--slunce);color:var(--ink);border:none;border-radius:999px;padding:10px 18px;
  box-shadow:var(--shadow-paper);transition:transform .18s;
}
.arch-zpet:hover{transform:rotate(-2deg)}
.arch-hlava h2{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.8vw,30px);margin:0}
.arch-hlava .arch-info{font-size:14px;color:var(--ink-soft);font-style:italic}
.arch-fotky{columns:4;column-gap:14px}
.arch-fotka{break-inside:avoid;margin:0 0 14px;display:block;width:100%;border:none;padding:0;
  background:var(--piskova);border-radius:10px;overflow:hidden;cursor:zoom-in;line-height:0;
  box-shadow:0 3px 10px rgba(58,54,48,.14);transition:transform .2s, box-shadow .2s;}
.arch-fotka:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(58,54,48,.22)}
.arch-fotka img{width:100%;height:auto;display:block}
@media(max-width:900px){ .arch-fotky{columns:3} }
@media(max-width:620px){ .arch-fotky{columns:2} .arch-mrizka{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px} }

/* prohlížeč */
.arch-lupa{position:fixed;inset:0;z-index:300;background:rgba(18,16,13,.95);display:none;
  align-items:center;justify-content:center;padding:22px}
.arch-lupa.otevreno{display:flex}
.arch-lupa img{max-width:min(1400px,94vw);max-height:80vh;width:auto;height:auto;display:block;
  border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.6);background:#000}
.arch-lupa-spodek{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap}
.arch-pocitadlo{color:rgba(246,241,230,.7);font-size:13px}
.arch-btn{position:absolute;background:rgba(255,255,255,.14);border:none;color:#fff;cursor:pointer;
  width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.18s}
.arch-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.08)}
.arch-btn svg{width:24px;height:24px}
.arch-zavrit{top:20px;right:20px}
.arch-prev{left:20px;top:50%;transform:translateY(-50%)}
.arch-next{right:20px;top:50%;transform:translateY(-50%)}
.arch-prev:hover,.arch-next:hover{transform:translateY(-50%) scale(1.08)}
.arch-stahnout{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink);
  background:var(--slunce);border-radius:999px;padding:10px 20px;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .18s}
.arch-stahnout:hover{transform:translateY(-2px)}
.arch-stahnout svg{width:18px;height:18px}
.arch-prazdno{text-align:center;color:var(--ink-soft);font-style:italic;padding:40px}
@media(max-width:640px){ .arch-btn{width:44px;height:44px} .arch-prev{left:8px} .arch-next{right:8px} }
@media (prefers-reduced-motion:reduce){ .arch-karta,.arch-obal img,.arch-fotka{transition:none!important} }