/**
 * style.css - Kulturni centar Velika Plana
 * Deep red / theater-inspired theme.
 */

/* Skip to content */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
}
.skip-link:focus {
    position: fixed;
    top: 0; left: 0;
    width: auto; height: auto;
    padding: 0.75rem 1.5rem;
    background: #8B1A1A;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    z-index: 9999;
}

/* Dropdown menus */
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile accordion */
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
.accordion-content.open { max-height: 500px; }
.mobile-accordion button[aria-expanded="true"] .accordion-icon { transform: rotate(180deg); }

/* Fade-up scroll animation */
.fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* News card hover */
.news-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.news-card:hover { transform: translateY(-2px); }

/* Prose styles */
.prose h1, .prose h2, .prose h3, .prose h4 { color: #5C0E0E; font-weight: 800; }
.prose a { color: #8B1A1A; text-decoration: underline; text-underline-offset: 2px; }
.prose a:hover { color: #5C0E0E; }
.prose img { border-radius: 0.75rem; }
.prose table { width: 100%; border-collapse: collapse; }
.prose th, .prose td { border: 1px solid #e5e7eb; padding: 0.5rem 0.75rem; text-align: left; }
.prose th { background: #F5E6D3; font-weight: 700; }

/* Line clamp */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Scrollbar hide for tabs */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

html { scroll-behavior: smooth; }

@media print {
    header, footer, .skip-link, #mobileMenu { display: none !important; }
}