/* staatsexamen.online - Custom Styles */

/* Animations */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-slideDown { animation: slideDown 0.3s ease-out; }
.animate-slideUp { animation: slideUp 0.3s ease-out; }
.animate-fadeIn { animation: fadeIn 0.3s ease-out; }
.animate-spin { animation: spin 1s linear infinite; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Line clamp */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.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; }

/* Prose plugin for Tailwind CDN */
.prose { color: #374151; max-width: 65ch; }
.prose p { margin-top: 1.25em; margin-bottom: 1.25em; line-height: 1.8; }
.prose h2 { font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; font-weight: 700; line-height: 1.33; }
.prose h3 { font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; font-weight: 600; line-height: 1.6; }
.prose ul, .prose ol { margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; }
.prose li { margin-top: 0.5em; margin-bottom: 0.5em; }
.prose ul > li { padding-left: 0.375em; }
.prose ul > li::marker { color: #6b7280; }
.prose ol > li::marker { color: #6b7280; font-weight: 400; }
.prose blockquote { margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; border-left: 4px solid #1e40af; font-style: normal; }
.prose strong { font-weight: 600; color: #111827; }
.prose a { color: #1e40af; text-decoration: none; }
.prose a:hover { text-decoration: underline; }
.prose img { margin-top: 2em; margin-bottom: 2em; border-radius: 0.75rem; }
.prose table { width: 100%; border-collapse: collapse; margin-top: 2em; margin-bottom: 2em; }
.prose thead th { border-bottom: 2px solid #e5e7eb; padding: 0.75rem 1rem; text-align: left; font-weight: 600; }
.prose tbody td { border-bottom: 1px solid #f3f4f6; padding: 0.75rem 1rem; }
.prose max-w-none { max-width: none; }

/* Focus ring */
*:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(37, 99, 235, 0.15);
    color: inherit;
}

/* Border width 3 for sidebar active item */
.border-l-3 { border-left-width: 3px; }

/* Smooth transitions on cards */
.card-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-lift:hover { transform: translateY(-4px); }