/* Glue between the old md411net.net theme CSS and this Laravel app (MD411_SKIN=classic). Loaded last. */
html[dir="ltr"] body.md411-body { direction: ltr; }
.md411-qn-hidden .md411-quicknav { display: none; }
.md411-nav-dropdown-parent.open .md411-nav-submenu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.md411-qn-item.active { background: rgba(212,175,55,.14); border-color: var(--md411-gold); color: var(--md411-gold); }

/* Fixed header (68px) + quick bar (40px): push the app's pages down. */
main.md411-main { padding-top: 120px; }
.md411-qn-hidden main.md411-main { padding-top: 80px; }
@media (max-width: 768px) {
    main.md411-main { padding-top: 122px; padding-bottom: 60px; }
    .md411-qn-hidden main.md411-main { padding-top: 80px; }
}
/* The classic home hero carries its own offset. */
main.md411-main:has(> .md411-hero:first-child) { padding-top: 0; }

.md411-footer-stats { font-size: .8rem; color: var(--md411-text-secondary); margin: 4px 0; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.md411-footer-contact li svg { flex-shrink: 0; color: var(--md411-gold); }

/* Section headings of the app's own sections, in the theme's style. */
.md411-heading { text-align: center; margin-bottom: 32px; }
.md411-heading .md411-section-subtitle { margin-bottom: 12px; }
.md411-heading-link { display: inline-block; font-size: .9rem; font-weight: 700; color: var(--md411-gold); }
.md411-heading-link:hover { color: var(--md411-gold-light); }
/* The app's sections get the theme's rhythm and alternate backgrounds. */
.skin-classic [data-section]:nth-of-type(even) { background: var(--md411-bg-secondary); }
.skin-classic [data-section] > section.section { padding-top: 64px; padding-bottom: 64px; margin: 0 auto; }

/* main already clears the fixed header (120px); the theme's page headers pad 140px themselves */
main.md411-main > .md411-page-header, main.md411-main > .md411-legal-content { padding-top: 20px !important; }