/* Festiwal – odwzorowanie układu Festival.jsx */
.festival-page,.festival-page *{box-sizing:border-box}
.festival-page{--bg:#fff;--fg:#111827;--card:#fff;--border:#e5e7eb;--muted:#374151;--section:#f9fafb;background:var(--bg);color:var(--fg)}
.dark .festival-page,[data-theme="dark"] .festival-page{--bg:#111827;--fg:#f9fafb;--card:#1f2937;--border:#374151;--muted:#d1d5db;--section:#1f2937}
.festival-container{width:min(1152px,calc(100% - 32px));margin-inline:auto}
.festival-hero{position:relative;isolation:isolate;padding:80px 16px;text-align:center;color:white;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(90deg,rgba(251,191,36,.3),rgba(180,83,9,.3)),url('/assets/images/pexels-pixabay-45243.jpg') center/cover}
.festival-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0 0 16px;text-shadow:0 2px 6px #0005}
.festival-hero p{font-size:20px;max-width:672px;margin:auto;text-shadow:0 2px 6px #0005}
.festival-editions,.festival-materials,.festival-cta{padding:80px 0}
.festival-logo{display:block;width:100%;max-width:768px;height:auto;object-fit:contain;margin:0 auto 48px}
.festival-poster{display:block;width:100%;max-width:576px;height:auto;object-fit:contain;margin:0 auto 48px;border-radius:8px;box-shadow:0 10px 15px #0002}
.festival-years{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.festival-empty{text-align:center;color:var(--muted);padding:48px 0}
.festival-edition{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.festival-edition summary{display:flex;align-items:center;gap:16px;padding:16px 24px;cursor:pointer;list-style:none;color:var(--fg);transition:background .2s}
.festival-edition summary::-webkit-details-marker{display:none}
.festival-edition summary:hover{background:rgba(128,128,128,.07)}
.festival-year{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;font-size:18px;font-weight:700}
.festival-edition summary strong{display:block;font-size:20px;line-height:1.4;text-align:left}
.festival-edition summary small{display:block;font-size:14px;color:var(--muted);margin-top:4px;text-align:left}
.festival-edition summary::after{content:'›';margin-left:auto;font-size:30px;line-height:1;transition:transform .2s}
.festival-edition[open] summary::after{transform:rotate(90deg)}
.festival-edition-body{padding:8px 24px 24px;border-top:1px solid var(--border);color:var(--muted)}
.festival-content{font-size:18px;line-height:1.75;overflow-wrap:anywhere;margin-bottom:24px}
.festival-content p{margin:0 0 16px}
.festival-content h1,.festival-content h2,.festival-content h3,.festival-content h4{color:var(--fg)}
.festival-gallery-section{margin-top:32px}
.festival-gallery-section h3{font-size:20px;font-weight:700;color:var(--fg);margin:0 0 16px}
.festival-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.festival-gallery a{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0002;cursor:zoom-in}
.festival-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.festival-gallery a:hover img{transform:scale(1.1)}

.festival-gallery a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.festival-gallery a::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}


/* Pokazanie lupy i przyciemnienia po najechaniu */
.festival-gallery a:hover::before,
.festival-gallery a:hover::after,
.festival-gallery a:focus-visible::before,
.festival-gallery a:focus-visible::after {
  opacity: 1;
}






.festival-gallery-hint{margin:12px 0 0;text-align:center;color:var(--muted);font-size:14px}
.festival-materials{background:var(--section);text-align:center}
.festival-materials h2,.festival-cta h2{font-size:clamp(28px,3vw,36px);line-height:1.2;margin:0 0 16px;color:var(--fg)}
.festival-materials>.festival-container>p{font-size:18px;color:var(--muted);margin:0 0 48px}
.festival-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:896px;margin:auto}
.festival-material{display:flex;flex-direction:column;align-items:center;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:24px;transition:box-shadow .2s}
.festival-material:hover{box-shadow:0 10px 15px #0002}
.festival-doc-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.festival-material.blue .festival-doc-icon{background:#dbeafe;color:#2563eb}
.festival-material.green .festival-doc-icon{background:#dcfce7;color:#16a34a}
.festival-material.orange .festival-doc-icon{background:#fef3c7;color:#d97706}
.dark .festival-material.blue .festival-doc-icon,[data-theme="dark"] .festival-material.blue .festival-doc-icon{background:#1e3a8a55;color:#60a5fa}
.dark .festival-material.green .festival-doc-icon,[data-theme="dark"] .festival-material.green .festival-doc-icon{background:#14532d55;color:#4ade80}
.dark .festival-material.orange .festival-doc-icon,[data-theme="dark"] .festival-material.orange .festival-doc-icon{background:#78350f55;color:#fbbf24}
.festival-material h3{font-size:20px;margin:0 0 12px}
.festival-material p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px;flex:1}
.festival-download{display:block;width:100%;padding:12px 16px;margin-top:auto;color:white!important;text-align:center;text-decoration:none;font-weight:600;border-radius:8px}
.festival-material.blue .festival-download{background:#1e40af}
.festival-material.green .festival-download{background:#166534}
.festival-material.orange .festival-download{background:#92400e}
.festival-download:hover{filter:brightness(.9)}
.festival-unavailable{display:block;margin-top:auto;color:var(--muted);padding:12px;font-size:14px}
.festival-cta{position:relative;text-align:center;background:var(--bg) url('/assets/images/watermark.png') center/contain no-repeat}
.festival-cta p{max-width:672px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.65}
.festival-cta-button{display:inline-block;margin-top:32px;padding:16px 32px;background:#2563eb;color:white!important;text-decoration:none;border-radius:8px;font-weight:600}
.festival-cta-button:hover{background:#1d4ed8}
.festival-lightbox[hidden]{display:none!important}
.festival-lightbox:not([hidden]){position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.94);padding:50px 70px}
.festival-lightbox img{display:block;max-width:100%;max-height:90vh;object-fit:contain}
.festival-lightbox button{position:absolute;z-index:2;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}
.festival-lightbox-close{top:14px;right:24px}
.festival-lightbox-prev{top:50%;left:16px;transform:translateY(-50%)}
.festival-lightbox-next{top:50%;right:16px;transform:translateY(-50%)}
.festival-page a:focus-visible,.festival-page summary:focus-visible,.festival-lightbox button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@media(max-width:1023px){.festival-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.festival-editions,.festival-materials,.festival-cta{padding:48px 0}.festival-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.festival-material-grid{grid-template-columns:1fr}.festival-material{max-width:480px;width:100%;margin:auto}.festival-content{font-size:16px}.festival-hero{padding:64px 16px}}
@media(max-width:639px){.festival-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.festival-logo{max-width:320px}.festival-poster{max-width:384px}.festival-edition summary{padding:16px;gap:12px}.festival-edition-body{padding:12px 16px 20px}.festival-edition summary strong{font-size:18px}.festival-year{flex-basis:56px;width:56px;height:56px;font-size:16px}.festival-lightbox:not([hidden]){padding:50px 42px}}


.festival-lightbox img {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.festival-lightbox img.is-changing {
  opacity: 0;
  transform: scale(0.96);
}

@media (prefers-reduced-motion: reduce) {
  .festival-gallery img,
  .festival-lightbox img {
    transition: none;
  }
}