/* 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}
.drmvpv2-gc .gc-mobile-toggle{width:44px;height:44px;min-width:44px;flex:0 0 44px} /* 設計端 10-08 確認表第 1 項：手機點擊區不得小於 44×44；交付 base 未登入為 42（Luna 434 量到），登入後 member-header 已是 44 */

/* 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, .drmvpv2-member6a, .drmvpv2-m6a-tr, .drmvp-member6b) :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}
/* CEO 2026-11-02 (A, revised same morning: "一起調 logo 也縮小一點往上一點"): logged-out header - the "Dr.MVP" wordmark is the lower 60-98% of DrMVP-logo.webp (650x241),
   so it sat 10-17.5px below the nav text (measured on beta). Shrink the logo box to the image aspect (no contain padding) and line the wordmark up with the nav text:
   >=1440 (inner centred): 165x62 -> 140x52, logo up 7px + nav down 7px; 1041-1439 (inner flex-start): 135x58 -> 115x43, nav stays at the delivered position;
   768-1040: 112x58 -> 100x37, logo down 2px (min-width:768px, not 767.01: Chromium evaluates 767.01 true at a 767px viewport - red team 11-02). Logged-in header and <768 unchanged. */
@media(min-width:1440px){.drmvpv2-gc .gc-header--logged-out .gc-logo{width:140px;height:52px;position:relative;top:-7px}.drmvpv2-gc .gc-header--logged-out .gc-nav{position:relative;top:7px}}
@media(min-width:1041px) and (max-width:1439px){.drmvpv2-gc .gc-header--logged-out .gc-logo{width:115px;height:43px}}
@media(min-width:768px) and (max-width:1040px){.drmvpv2-gc .gc-header--logged-out .gc-logo{width:100px;height:37px;margin-top:2px}}