/* ============================================================
   DED brand theme — DriversEdPermit.com (sitedata "ded", WebsiteID 1001)
   Loaded AFTER /css/v2/member-v2.css by the V2 masters, and only
   on deployments whose sitedata key has a matching
   /css/v2/brand-<key>.css file.

   DED is a white-label partner platform, so this file is STRUCTURE
   ONLY — professional chrome (full-bleed sticky header, dark footer,
   nav pills, welcome hero) expressed through the v2 tokens, with NO
   palette override. The colors come from the partner layer that
   BrandTheme stacks on top:
     - explicit "Template" portal rule  → /css/v2/portal-<tpl>.css
     - partner's uploaded banner        → palette extracted from that
       logo (PartnerPalette; GTTS navy when the color is unknown)
     - no banner (DETG fallback logo)   → the member-v2 default
       palette, which is DETG's own logo palette (cyan/orange).
   Fonts stay Inter (member-v2 default).
   ============================================================ */

/* ---------- structural tokens ---------- */
body.mv2 {
    --mv2-radius:      10px;
    --mv2-radius-lg:   12px;
    /* cards are border-led, not shadow-led */
    --mv2-shadow:      0 1px 2px rgba(22, 35, 47, .05);
    --mv2-shadow-sm:   0 1px 2px rgba(22, 35, 47, .05);
}

/* ---------- header / nav ---------- */
/* Full-bleed white bar with a hairline, sticky at the top — same clipped
   box-shadow technique as brand-gtts.css: shadow 1 paints the band,
   shadow 2 (offset 1px down) paints the hairline; the clip leaves room
   above while sticky and exactly 1px below. No master markup changes. */
body.mv2 .mv2-header {
    background: #fff;
    border: 0;
    border-radius: 0;
    padding: 15px 6px;
    gap: 26px;
    box-shadow: 0 0 0 100vmax #fff, 0 1px 0 100vmax var(--mv2-border-soft);
    clip-path: inset(-120px -100vmax -1px -100vmax);
    position: sticky;
    top: 0;
    z-index: 60;
    margin-bottom: 26px;
}
/* Partner banners are arbitrary uploads (wide wordmarks, stacked lockups,
   photos) — keep the default 46px logo cap so nothing blows out the bar. */
body.mv2 .mv2-nav { gap: 8px; }
body.mv2 .mv2-nav a {
    font-weight: 600;
    color: var(--mv2-ink-2);
    border-radius: 10px;
    padding: 9px 16px;
}
body.mv2 .mv2-nav a:hover { background: var(--mv2-primary-soft); color: var(--mv2-primary-dk); }
body.mv2 .mv2-nav li.active a,
body.mv2 .mv2-nav a.active { background: var(--mv2-primary-soft); color: var(--mv2-primary-dk); }
body.mv2 .mv2-header-right { gap: 18px; }
body.mv2 .mv2-phone {
    font-weight: 500;
    font-size: 15px;
    color: var(--mv2-ink);
    padding-right: 18px;
    border-right: 1px solid var(--mv2-border-soft);
}
body.mv2 .mv2-phone i, body.mv2 .mv2-phone .mv2-phone-ico { color: var(--mv2-primary-dk); }
body.mv2 .mv2-signout {
    background: var(--mv2-primary);
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 22px;
}
body.mv2 .mv2-signout:hover { background: var(--mv2-primary-dk); }
@media (max-width: 900px) {
    /* wrapped two-row header would eat the small screen if it stayed stuck */
    body.mv2 .mv2-header { position: static; }
    body.mv2 .mv2-phone { border-right: 0; padding-right: 0; }
}

/* ---------- footer ---------- */
body.mv2 .mv2-footer {
    background: #10161d;
    color: #dbe3ea;
    font-size: 14px;
    padding: 26px 24px;
}

/* segmented tabs (Edit Profile / Change my Password): inactive label reads
   as a muted gray, not a link (same client feedback as GTTS) */
body.mv2 .mv2-tabs a { color: var(--mv2-ink-3); }
body.mv2 .mv2-tabs a:hover { color: var(--mv2-ink); }
body.mv2 .mv2-tabs a.active { color: var(--mv2-ink); }

/* ---------- dashboard (TrafficSchoolMain) ---------- */
/* welcome hero (markup is brand-gated in TrafficSchoolMain.aspx.cs —
   enabled for GTTS and DED; each brand css carries its own styles) */
.mv2-dash-hero { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 26px 4px 20px; }
.mv2-dash-hero h1 { margin: 0 0 4px; font-size: 30px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--mv2-ink); }
.mv2-dash-hero p { margin: 0; color: var(--mv2-ink-3); font-size: 14px; }
.mv2-days-pill {
    background: #f1e1a7;
    color: #8b6a00;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 7px 15px;
    border-radius: 999px;
    white-space: nowrap;
    margin-top: 8px;
    flex: 0 0 auto;
}