/* Dorfgalerien – Bildkacheln nach digitaledoerfer-hoexter.de/galerien/.
   Ausschließlich eigene Klassen; Variablen im Theme/Elementor überschreibbar.
   Keine externen Schrift- oder Bild-Abhängigkeiten. */
:root{
 --dg-surface:oklch(1 0 0);
 --dg-ink:oklch(.25 0 0);
 --dg-text:oklch(.92 .01 245);
 --dg-accent:oklch(.66 .14 32);
 --dg-overlay-start:oklch(0 0 0 / 0);
 --dg-overlay-end:oklch(0 0 0 / .85);
 --dg-hover:oklch(.66 .14 32 / .4);
 --dg-border:oklch(.9 .01 245);
 --dg-font:inherit;
 --dg-tile-height:320px;
 --dg-gap:30px;
}
.dorfgalerien-overview,.dorfgalerie-grid{font-family:var(--dg-font);letter-spacing:0}
.dorfgalerien-overview *,.dorfgalerie-grid *{box-sizing:border-box}
.dorfgalerien-list-grid{display:grid;grid-template-columns:repeat(var(--dg-cols,4),minmax(0,1fr));gap:var(--dg-gap)}
.dorfgalerien-card{position:relative;isolation:isolate;min-height:var(--dg-tile-height);margin:0;overflow:hidden;border-radius:3px;background:var(--dg-ink);display:flex;align-items:flex-end}
.dorfgalerien-card__media{position:absolute;inset:0;z-index:-2}
.dorfgalerien-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.dorfgalerien-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--dg-overlay-start),var(--dg-overlay-end))}
.dorfgalerien-card::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--dg-hover);opacity:0;transition:opacity .3s ease}
.dorfgalerien-card:hover::after,.dorfgalerien-card:focus-within::after{opacity:1}
.dorfgalerien-card__overlay{position:absolute;inset:0;z-index:1}
.dorfgalerien-card__body{position:relative;z-index:2;width:100%;padding:30px;pointer-events:none;overflow-wrap:anywhere}
.dorfgalerien-card__body a{pointer-events:auto;color:var(--dg-surface);text-decoration:none}
.dorfgalerien-card__body a:hover{text-decoration:underline}
.dorfgalerien-card__title{margin:0!important;font-family:var(--dg-font);font-size:22px;font-weight:700;line-height:1.25;color:var(--dg-surface);letter-spacing:0}
.dorfgalerien-card__meta{margin:10px 0 0!important;font-size:14px;line-height:1.5;color:var(--dg-text)}
.dorfgalerien-card__count{display:block}
.dorfgalerien-card a:focus-visible{outline:3px solid var(--dg-surface);outline-offset:-3px}
.dorfgalerien-pagination{margin-top:60px}
.dorfgalerien-pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.dorfgalerien-pagination li{margin:0;padding:0;list-style:none}
.dorfgalerien-pagination .page-numbers:not(ul){display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--dg-border);border-radius:3px;color:var(--dg-ink);background:var(--dg-surface);text-decoration:none}
.dorfgalerien-pagination .page-numbers.current,.dorfgalerien-pagination a.page-numbers:hover{background:var(--dg-accent);border-color:var(--dg-accent);color:var(--dg-surface)}
.dorfgalerien-pagination a:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}
.dorfgalerie-grid{display:grid;grid-template-columns:repeat(var(--dg-cols,4),minmax(0,1fr));gap:var(--dg-gap);margin:2em 0}
.dorfgalerie-grid>a,.dorfgalerie-grid>div{display:block;overflow:hidden;border-radius:3px;background:var(--dg-ink)}
.dorfgalerie-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:opacity .3s ease}
.dorfgalerie-grid>a:hover img{opacity:.8}
.dorfgalerie-grid>a:focus-visible{outline:3px solid var(--dg-accent);outline-offset:3px}
@media(max-width:1024px){.dorfgalerien-list-grid,.dorfgalerie-grid{grid-template-columns:repeat(min(2,var(--dg-cols,4)),minmax(0,1fr))}}
@media(max-width:600px){.dorfgalerien-card__body{padding:20px}.dorfgalerien-list-grid,.dorfgalerie-grid{gap:16px}}
@media(max-width:420px){.dorfgalerien-list-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dorfgalerien-card::after,.dorfgalerie-grid img{transition:none}}