/*
 * WordPress-specific additions on top of app.css (the original compiled design system).
 * Keep this file small: page styling comes from the utility classes in app.css.
 */

[hidden] { display: none !important; }

/* Smooth anchor jumps below the sticky header (FAQ #students etc.). */
html { scroll-padding-top: 6rem; }

/* WordPress core alignment / caption classes inside rich content. */
.prose-content .alignleft { float: left; margin: .25rem 1rem .5rem 0; }
.prose-content .alignright { float: right; margin: .25rem 0 .5rem 1rem; }
.prose-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.prose-content .wp-caption { max-width: 100%; }
.prose-content .wp-caption-text { margin-top: .25rem; text-align: center; font-size: .875rem; color: hsl(var(--muted-foreground)); }
.prose-content iframe, .prose-content video { max-width: 100%; }

/* Screen-reader text used by WordPress core markup. */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Header dropdown chevron rotation when open. */
[data-lms-dropdown].is-open > button .lucide-chevron-down { transform: rotate(180deg); }

/* Google Translate: hide its banner/toolbar so the custom language menu is the only UI. */
.goog-te-banner-frame, .skiptranslate > iframe, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
body { top: 0 !important; }
#google_translate_element { display: none; }

/* Scroll reveal, like the original's fade-up animations. Only hides content when JS is running. */
.lms-js .lms-reveal { opacity: 0; transform: translateY(30px); transition: opacity .6s ease-out, transform .6s ease-out; }
.lms-js .lms-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.lms-js .lms-reveal { opacity: 1; transform: none; transition: none; }
}

/* Toast animation. */
[data-lms-toast]:not([hidden]) { animation: fade-in .2s ease-out; }