/* Dr.MVP V2 Global Components - integration fixes for this ASP.NET MVC site.
   Every rule here must map to a measured or reviewed difference; all selectors start with .drmvpv2-gc / .drmvpv2-gc-footer / .drmvp-trial-modal.
   Spec: docs/plans/20261006_DrMVP_V2_Batch0A_Spec_DRAFT.md section 2.7 and "Ada review" items 1 and 5. */

/* Ada review 1 (fact-check A1): the header partial wrapper is a direct child of <body> and only as tall as the header,
   so .gc-header{position:sticky} inside it has no room to stick. Make the wrapper itself sticky. */
.drmvpv2-gc{position:sticky;top:0;z-index:1030} /* Ada: 1030 = legacy fixed header layer, so dropdowns/sticky-top (100-1029) stay under the header */

/* Ada review 5: AccountType 5 keeps the legacy header rule - level and remaining lessons are hidden at desktop width
   (legacy breakpoint xl = 1200px, _Header_drmvp.cshtml:124 "d-none d-xl-block") and shown below it (legacy mobile corner, :213-222). */
@media(min-width:1200px){.drmvpv2-gc .drmvpv2-at5-xl-hide{display:none!important}}

/* Luna 404 V1 (2026-10-07): logged-in .gc-mobile-toggle is display:grid and its SVG has no intrinsic size -> rendered 0x0
   (same in the delivered preview). Give the hamburger icon an explicit size; reported back to the designer. */
.drmvpv2-gc .gc-mobile-toggle svg{display:block;width:24px;height:24px}

/* Luna 404 V2 (2026-10-07): site Bootstrap sets h1-h6 font-weight:500 and label margin-bottom:.5rem, and site CSS changes
   heading font-family; the delivered previews rely on UA defaults (bold headings, no label margin, JhengHei stack).
   :where() keeps specificity at (0,0,1) = same as Bootstrap; this file loads after Bootstrap so it wins over Bootstrap,
   but any explicit rule in the delivered CSS (class selectors) still wins over these resets. */
:where(.drmvpv2-gc, .drmvpv2-gc-footer, .drmvp-trial-modal, .drmvpv2-faq, .drmvpv2-testimonials, .drmvpv2-videos, .drmvpv2-contact, .drmvpv2-support, .drmvpv2-teachers, .drmvpv2-teacher-profile, .drmvpv2-home, .drmvpv2-about, .drmvpv2-courses, .drmvpv2-auth, .drmvpv2-legal) :is(h1, h2, h3, h4, h5, h6){font-weight:700;font-family:inherit;line-height:inherit}
:where(.drmvp-trial-modal){font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif}
:where(.drmvp-trial-modal, .drmvpv2-contact) label{margin:0}

/* Testimonials QA F1 (2026-10-07): the sticky header wrapper is z-index 1030 (rule above, same layer as the legacy fixed header),
   but the delivered testimonial modals are 100/110, so the header covered their close button. Raise them above the header
   (1040) and below the shared trial modal (2000). body prefix -> (0,2,1) so it beats the delivered (0,2,0) rule regardless of load order. */
body .drmvpv2-testimonials .video-modal, body .drmvpv2-testimonials .quote-modal{z-index:1040}
/* Teachers (2026-10-07): the delivered teacher modal is z-index 100 (teachers-integration.css), under the 1030 header -> same fix as above. */
body .drmvpv2-teachers .teacher-modal{z-index:1040}
/* Batch 2 recheck (Luna 413): Bootstrap also sets h1-h6 line-height:1.2; previews inherit the page root (e.g. 1.65) -> line-height:inherit added above. */
/* Teachers QA (Luna 417, 2026-10-07): delivered #teacher-list scroll-margin-top is 20px (preview has no sticky header); our sticky header is 97/93/71px (1440/1024/390) -> heading was hidden under it. 97+20; body prefix (0,2,1) beats delivered (0,2,0). */
body .drmvpv2-teachers .teachers{scroll-margin-top:117px}