/* Doplnkové štýly k skompilovanému Tailwind CSS (toast, lightbox, menu) */

/* Toast (hlásenie po odoslaní formulára) – rovnaké umiestnenie ako pôvodný web */
#toast-root{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column-reverse;gap:.5rem;padding:1rem;pointer-events:none;max-height:100vh}
@media (min-width:640px){#toast-root{top:auto;bottom:0;left:auto;right:0;flex-direction:column;max-width:420px}}
.toast{pointer-events:auto;position:relative;width:100%;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:.375rem;padding:1.5rem 2.5rem 1.5rem 1.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);animation:toast-in .25s ease-out}
.toast--error{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive))}
.toast__title{font-size:.875rem;font-weight:600;line-height:1.25rem}
.toast__desc{font-size:.875rem;opacity:.9;margin-top:.25rem;line-height:1.25rem}
.toast__close{position:absolute;top:.5rem;right:.5rem;padding:.25rem;border-radius:.25rem;opacity:.6;background:none;border:0;cursor:pointer;color:inherit}
.toast__close:hover{opacity:1}
.toast--hide{animation:toast-out .2s ease-in forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}

/* Lightbox galérie */
#lightbox[hidden]{display:none}
#lightbox .lb-overlay{animation:lb-fade .2s ease-out}
#lightbox .lb-dialog{animation:lb-zoom .2s ease-out}
@keyframes lb-fade{from{opacity:0}to{opacity:1}}
@keyframes lb-zoom{from{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
body.lb-open{overflow:hidden}

/* Inline hlásenie formulára pre prípad vypnutého JS */
.form-notice{border-radius:.5rem;padding:.875rem 1rem;font-size:.875rem;margin-bottom:1.25rem}
.form-notice--ok{background:hsl(142 60% 95%);color:hsl(142 60% 25%);border:1px solid hsl(142 50% 80%)}
.form-notice--err{background:hsl(0 80% 96%);color:hsl(0 70% 35%);border:1px solid hsl(0 70% 85%)}

/* Bezpečnostná otázka (captcha) */
.captcha-field input{max-width:12rem}

/* FAQ (Leistungen) */
.faq-item{padding:0}
.faq-summary{cursor:pointer;list-style:none;padding:1.25rem 3rem 1.25rem 1.5rem;position:relative;line-height:1.4}
.faq-summary::-webkit-details-marker{display:none}
.faq-summary::after{content:"";position:absolute;right:1.5rem;top:50%;width:.6rem;height:.6rem;border-right:2px solid hsl(var(--accent));border-bottom:2px solid hsl(var(--accent));transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq-item[open] .faq-summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-answer{padding:0 1.5rem 1.25rem}

/* Pätička – adresa */
footer address{font-style:normal}
.footer-nap{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--primary-foreground) / .12)}
@media (min-width:640px){.footer-nap__right{text-align:right}}
