/* Ketovavaria Kommentar-Fotos – nach designer/specs/kommentar-fotos.md (v1.0) */

/* §1 Foto im Kommentar */
.kv-cphoto{margin:16px 0;max-width:100%}
.kv-cphoto__link{position:relative;display:block;width:280px;max-width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#EDF7EE;box-shadow:0 0 0 1px #D4D9D4;cursor:zoom-in}
.kv-cphoto__link:hover{box-shadow:0 0 0 2px #2E7D32}
.kv-cphoto__link:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
.kv-cphoto__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.kv-cphoto__zoom{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#2E7D32}
.kv-cphoto__pending{margin:16px 0;padding:8px 16px;border-radius:8px;background:#FEF3E2;color:#1A2E1F;font-size:14px}
@media (max-width:599px){.kv-cphoto__link{width:100%;max-width:360px}}

/* §3 Galerie */
.kv-gallery{margin:48px 0}
.kv-gallery__eyebrow{font:600 13px/1.4 Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#2E7D32;margin:0 0 8px}
.kv-gallery__title{font-size:28px;font-weight:700;line-height:1.2;color:#1A2E1F;margin:0 0 8px}
.kv-gallery__count{font-size:16px;font-weight:400}
.kv-gallery__lead{margin:0 0 24px;color:#1A2E1F}
.kv-gallery__lead a{color:#2E7D32;text-decoration:underline}
.kv-gallery__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.kv-gallery__grid[data-count="1"]{grid-template-columns:minmax(0,360px)}
.kv-gallery__item{margin:0;padding:0}
.kv-gallery__item[hidden]{display:none}
.kv-gallery__link{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#EDF7EE;box-shadow:0 0 0 1px #D4D9D4;cursor:zoom-in}
.kv-gallery__link:hover{box-shadow:0 0 0 2px #2E7D32}
.kv-gallery__link:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
.kv-gallery__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.kv-gallery__more{display:flex;align-items:center;justify-content:center;margin:24px auto 0;text-decoration:none}
.kv-gallery__more[hidden]{display:none}
/* 1.0.5 Endless Scrolling (Karte 325bdfb8): Sentinel 1×1 px, Ende-Meldung, Screenreader-Status */
.kv-gallery__sentinel{width:1px;height:1px}
.kv-gallery__end{margin:24px 0 0;text-align:center;font-weight:600;color:#1A2E1F}
.kv-gallery__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;margin:0}
.kv-btn--outline{height:48px;padding:0 24px;border:2px solid #2E7D32;border-radius:999px;background:#fff;color:#2E7D32;font-weight:600;font-size:16px;font-family:inherit;cursor:pointer}
.kv-btn--outline:hover:not([disabled]){background:#2E7D32;color:#fff}
.kv-btn--outline:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
.kv-btn--outline[disabled]{opacity:.6;cursor:not-allowed}
@media (max-width:899px){.kv-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:599px){.kv-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kv-gallery__grid[data-count="1"]{grid-template-columns:1fr}.kv-gallery__title{font-size:24px}}

/* §4 Upload-Feld */
.kv-upload{position:relative;margin:24px 0}
.kv-upload .kv-upload__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:24px;border:2px dashed #A5D6A7;border-radius:16px;background:#EDF7EE;text-align:center;color:#1A2E1F;cursor:pointer;box-sizing:border-box}
.kv-upload__icon{color:#2E7D32;display:flex}
.kv-upload__drop:hover,.kv-upload.is-dragover .kv-upload__drop{border:2px solid #2E7D32}
.kv-upload__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.kv-upload__input:focus-visible + .kv-upload__drop{outline:3px solid #2E7D32;outline-offset:2px}
.kv-upload__title{display:block;font-size:16px;font-weight:600}
.kv-upload__meta{display:block}
.kv-upload__meta,.kv-upload__hint,.kv-upload__crop,.kv-upload__consent{font-size:14px;line-height:1.5;color:#1A2E1F}
.kv-upload__hint,.kv-upload__crop{margin:8px 0 0}
.kv-upload__consent{margin:8px 0 0}
.kv-upload__consent label{display:flex;gap:8px;align-items:flex-start}
.kv-upload__consent input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#2E7D32}
.kv-upload__preview{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #D4D9D4;border-radius:16px;background:#fff}
.kv-upload__preview[hidden],.kv-upload__drop[hidden],.kv-upload [hidden]{display:none}
.kv-upload__thumb{width:96px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;flex:none}
.kv-upload__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.kv-upload__remove{min-height:48px;padding:0 8px;border:0;background:none;color:#2E7D32;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer}
.kv-upload__error,.kv-upload__notice{margin:8px 0 0;padding:8px 16px;border-radius:8px;font-size:14px;color:#1A2E1F}
.kv-upload__error{background:#FAE6E6;border-left:4px solid #D32F2F}
.kv-upload__error::before{content:"❌ ";}
.kv-upload__notice{background:#FEF3E2;border-left:4px solid #F59E0B}
.kv-upload__notice::before{content:"⚠️ ";}
.kv-upload.is-invalid .kv-upload__drop{border:2px solid #D32F2F}
.kv-upload.is-locked .kv-upload__drop{opacity:.6;cursor:not-allowed}
@media (max-width:599px){.kv-upload__drop{min-height:96px;padding:16px}}

/* §2 Lightbox */
.kv-lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(26,46,31,.92);color:#fff;overflow:hidden}
.kv-lightbox::backdrop{background:transparent}
.kv-lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:kv-fade .15s ease-out}
@keyframes kv-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.kv-lightbox[open]{animation:none}}
.kv-lightbox__fig{margin:0;display:flex;flex-direction:column;align-items:center}
.kv-lightbox__img{display:block;max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:8px}
.kv-lightbox__caption{margin-top:16px;font-size:14px;color:#fff;text-align:center;padding:0 16px}
.kv-lightbox__caption a{color:#fff;text-decoration:underline;margin-left:8px}
.kv-lightbox__close,.kv-lightbox__prev,.kv-lightbox__next{position:absolute;width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:#1A2E1F;display:grid;place-items:center;cursor:pointer;padding:0}
.kv-lightbox__close{top:16px;right:16px}
.kv-lightbox__prev{left:16px;top:50%;transform:translateY(-50%)}
.kv-lightbox__next{right:16px;top:50%;transform:translateY(-50%)}
.kv-lightbox__count{position:absolute;top:16px;left:16px;font-size:14px;color:#fff;line-height:48px}
.kv-lightbox [hidden]{display:none} /* 1.0.13: Pfeile nur bei >1 Foto (display:grid überschrieb hidden) */
.kv-lightbox button:focus-visible,.kv-lightbox a:focus-visible{outline:3px solid #fff;outline-offset:2px}
html.kv-noscroll,html.kv-noscroll body{overflow:hidden}
@media (max-width:599px){.kv-lightbox__img{max-width:100vw;max-height:75vh;border-radius:0}}

/* Demo-Modus (nur Admins) */
.kv-demo-badge{display:inline-block;margin:0 0 16px;padding:4px 12px;border-radius:999px;background:#FEF3E2;border:1px dashed #F59E0B;color:#1A2E1F;font-size:13px;font-weight:600}
.kv-demo-comments{margin:48px 0}
.kv-demo-list{list-style:none;margin:0 0 32px;padding:0}
.kv-demo-comment{padding:16px 0;border-top:1px solid #D4D9D4}
.kv-demo-comment--reply{margin-left:32px}
.kv-demo-comment__head{margin:0 0 8px}
.kv-demo-comment__head span{font-size:14px;margin-left:8px}
.kv-demo-comment__reply a{color:#2E7D32}
.kv-demo-form textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid #D4D9D4;border-radius:8px;padding:8px;font:inherit}
.kv-demo-form p > label{display:block;font-weight:600;margin-bottom:8px}
.kv-demo-form .kv-upload__consent label{font-weight:400}
.kv-upload__demo{font-size:13px;margin:8px 0 0}

/* 1.0.3: Überschrift + Text über dem Upload-Feld (Texte: Einstellungen → Kommentar-Fotos) */
.kv-upload__intro{margin:0 0 12px}
.kv-upload__heading{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25;color:#1A2E1F}
.kv-upload__text{font-size:15px;line-height:1.5;color:#1A2E1F}
.kv-upload__text p{margin:0 0 8px}
.kv-upload__text a{color:#2E7D32;text-decoration:underline}

/* 1.0.6: Bildfigur mit Name/Datum in der Galerie (Spec „Bild melden" §1: Melden-Knopf unter Name/Datum) */
.kv-gallery__figure{margin:0}
.kv-gallery__caption{padding:8px 2px 0;font-size:14px;line-height:1.4;color:#1A2E1F}
.kv-gallery__meta{margin:0;color:#1A2E1F}
.kv-gallery__meta strong{font-weight:600}
/* 1.1.0 Foto der Woche: nur sichtbar, wenn das Upload-Häkchen sichtbar ist (Foto gewählt); abhängige Felder erst nach Website-Häkchen (Server prüft zusätzlich). */
.kv-upload__consent[hidden]~.kv-fdw{display:none}
.kv-fdw{margin:16px 0 0;padding:12px 16px;border:1px solid #A5D6A7;border-radius:8px;background:#EDF7EE}
.kv-fdw legend{font-weight:600;padding:0 4px}
.kv-fdw p{margin:8px 0}
.kv-fdw small{display:block;font-size:14px;color:#55635A}
.kv-fdw input[type=text]{width:100%;max-width:320px;box-sizing:border-box;min-height:40px;border:1px solid #7C8A7E;border-radius:8px;padding:6px 8px;font:inherit}
.kv-fdw:not(:has(#kv_fdw_web:checked)) .kv-fdw__abh{opacity:.55;pointer-events:none}