/* ILAD / IllinoisAdultDriversEd — sitedata "ilad", WebsiteID 1041.
   BrandTheme automatically loads this after member-v2.css in all V2 masters.
   Palette follows the public site: teal, navy, pale blue, white and red. */

body.mv2.brand-ilad {
    --mv2-bg:           #f2f9fc;
    --mv2-surface:      #ffffff;
    --mv2-ink:          #152f4f;
    --mv2-ink-2:        #49647b;
    --mv2-ink-3:        #5b7082;
    --mv2-border:       #c9dfe9;
    --mv2-border-soft:  #dcebf2;
    --mv2-primary:      #006f98;
    --mv2-primary-dk:   #005572;
    --mv2-primary-soft: #e7f5fb;
    --mv2-brand:        #ca1935;
    --ilad-cyan:        #00a8d4;
    --ilad-red-dark:    #a9142c;
    --ilad-red-soft:    #fff1f3;
    --mv2-radius:       10px;
    --mv2-radius-lg:    12px;
    --mv2-shadow:       0 1px 3px rgba(21, 47, 79, .06);
    --mv2-shadow-sm:    0 1px 2px rgba(21, 47, 79, .05);
}

/* White header band and fine divider, with room for the wide ILAD wordmark. */
body.mv2.brand-ilad .mv2-header {
    background: var(--mv2-surface);
    border: 0;
    border-radius: 0;
    padding: 18px 6px;
    gap: 20px;
    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;
}
body.mv2.brand-ilad .mv2-logo { max-width: 100%; }
body.mv2.brand-ilad:not(.brand-partner) .mv2-logo img {
    width: 320px;
    max-width: 100%;
    height: auto;
    max-height: 64px;
    object-fit: contain;
}
body.mv2.brand-ilad .mv2-nav { gap: 4px; }
body.mv2.brand-ilad .mv2-nav a {
    color: var(--mv2-ink);
    font-weight: 500;
    border-radius: 6px;
    padding: 10px 12px;
}
body.mv2.brand-ilad .mv2-nav a:hover {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary-dk);
}
body.mv2.brand-ilad .mv2-nav li.active a,
body.mv2.brand-ilad .mv2-nav a.active {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary-dk);
    box-shadow: inset 0 -3px var(--mv2-brand);
    font-weight: 700;
}
body.mv2.brand-ilad .mv2-header-right { gap: 16px; }
body.mv2.brand-ilad .mv2-phone {
    color: var(--mv2-primary);
    font-size: 15px;
    padding-right: 16px;
    border-right: 1px solid var(--mv2-border);
}
body.mv2.brand-ilad .mv2-signout { font-size: 14px; font-weight: 700; }

body.mv2.brand-ilad .mv2-footer {
    background: var(--mv2-ink);
    border-top: 3px solid var(--mv2-brand);
    color: #fff;
    padding: 26px 24px;
}
body.mv2.brand-ilad .mv2-footer a { color: #fff; text-decoration: underline; }

/* Shared cards and forms inherit the palette, including disabled/error states. */
body.mv2.brand-ilad .mv2-tabs a { color: var(--mv2-ink-3); }
body.mv2.brand-ilad .mv2-tabs a:hover,
body.mv2.brand-ilad .mv2-tabs a.active { color: var(--mv2-primary-dk); }
body.mv2.brand-ilad a:focus-visible,
body.mv2.brand-ilad button:focus-visible,
body.mv2.brand-ilad input[type="submit"]:focus-visible {
    outline: 2px solid var(--mv2-primary-dk);
    outline-offset: 3px;
}
body.mv2.brand-ilad .mv2-current-chapter { background: var(--mv2-primary-soft); }
body.mv2.brand-ilad .mv2-ring .mv2-ring-bg { stroke: #dcebf2; }
body.mv2.brand-ilad .mv2-progress-bar { background: #dcebf2; }
body.mv2.brand-ilad .mv2-profile-cta a,
body.mv2.brand-ilad .mv2-viewall {
    background: var(--mv2-primary-soft);
    border-color: var(--mv2-border-soft);
    color: var(--mv2-primary-dk);
    border-radius: var(--mv2-radius);
}
body.mv2.brand-ilad .mv2-profile-cta a:hover,
body.mv2.brand-ilad .mv2-viewall:hover { background: #d9eff8; }

body.mv2.brand-ilad .mv2-upcard { border-top-color: var(--ilad-cyan); }
body.mv2.brand-ilad .mv2-upcard.accent { border-top-color: var(--mv2-brand); }
body.mv2.brand-ilad .mv2-upcard.accent .mv2-upcard-media { background: var(--ilad-red-soft); }
body.mv2.brand-ilad .mv2-upcard.accent .mv2-upcard-foot a:not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover {
    background: var(--ilad-red-dark);
}

/* The teal referral band echoes the public site's top strip. */
body.mv2.brand-ilad .mv2-refer {
    background: var(--mv2-primary);
    border-left: 4px solid var(--mv2-brand);
}
body.mv2.brand-ilad .mv2-refer .mv2-btn-white { color: var(--mv2-primary-dk); }
body.mv2.brand-ilad .mv2-refer .mv2-btn-white:hover { background: var(--mv2-primary-soft); }
body.mv2.brand-ilad .mv2-raf-step-ico {
    background: var(--mv2-primary);
    box-shadow: 0 6px 18px -6px rgba(0, 111, 152, .3);
}
body.mv2.brand-ilad .mv2-raf-step-num {
    background: var(--mv2-brand);
    box-shadow: 0 4px 10px -3px rgba(202, 25, 53, .25);
}
body.mv2.brand-ilad .mv2-raf-copy { background: var(--mv2-primary); }
body.mv2.brand-ilad .mv2-raf-copy:hover { background: var(--mv2-primary-dk); }
body.mv2.brand-ilad .mv2-raf-stat.is-perref {
    background: var(--mv2-primary-soft);
    border-color: var(--mv2-border);
}
body.mv2.brand-ilad .mv2-raf-avatar { background: var(--mv2-primary); }
body.mv2.brand-ilad .mv2-lesson-avatar {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary);
}
body.mv2.brand-ilad .mv2-lesson-progress .current-progress { background: var(--mv2-primary); }
body.mv2.brand-ilad .mv2-lesson-nav .next-lesson-btn:not(:disabled):not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]) {
    background: var(--mv2-primary);
}
body.mv2.brand-ilad .mv2-lesson-nav .next-lesson-btn:not(:disabled):not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover {
    background: var(--mv2-primary-dk);
}
body.mv2.brand-ilad .mv2-ef-prepcard { background: var(--ilad-red-soft); }

/* Match the upload icon while retaining its existing loading behavior. */
body.mv2.brand-ilad .mv2-upl-btn,
body.mv2.brand-ilad .mv2-upl-btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.9A7 7 0 1 1 15.7 8h1.8a4.5 4.5 0 0 1 2.5 8.2'/%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3C/svg%3E");
}
body.mv2.brand-ilad .mv2-upl-btnwrap.mv2-btn-loading .mv2-upl-btn { background-image: none; }
body.mv2.brand-ilad .mv2-upl-spinner {
    border-color: rgba(0, 111, 152, .3);
    border-top-color: var(--mv2-primary);
}

@media (max-width: 1240px) {
    body.mv2.brand-ilad .mv2-header { flex-wrap: wrap; position: static; }
    body.mv2.brand-ilad .mv2-header-right { margin-left: auto; }
    body.mv2.brand-ilad .mv2-nav { order: 3; width: 100%; justify-content: center; margin: 6px 0 0; }
}
@media (max-width: 720px) {
    body.mv2.brand-ilad .mv2-header { padding: 14px 6px; gap: 14px; }
    body.mv2.brand-ilad .mv2-phone { border-right: 0; padding-right: 0; font-size: 14px; }
    body.mv2.brand-ilad .mv2-nav a { padding: 9px 11px; font-size: 14px; }
}
@media (max-width: 540px) {
    body.mv2.brand-ilad .mv2-logo { width: 100%; justify-content: center; }
    body.mv2.brand-ilad .mv2-header-right { width: 100%; justify-content: space-between; }
}
