/* Inclusive AI Strategies — Canvas custom CSS
   Atkinson Hyperlegible as the interface font, per brand.css.
   Icon fonts (Canvas <i class="icon-*">, InstructureIcons) are excluded. */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body,
p, h1, h2, h3, h4, h5, h6,
a, button, input, select, textarea, label,
td, th, li, dt, dd, legend, figcaption, blockquote,
span:not([class*="icon"]):not([class^="icon-"]) {
  font-family: 'Atkinson Hyperlegible', 'LatoWeb', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

i[class*="icon-"], i[class^="icon-"], .ui-icon {
  font-family: 'InstructureIcons-Line', 'InstructureIcons-Solid', inherit !important;
}

/* Footer: hide the Instructure logo immediately; custom JS supplies IAIS text */
.ic-app-footer .footer-logo { display: none !important; }
.ic-app-footer { text-align: center; color: #484f4c; }
.ic-app-footer__links { justify-content: center !important; }

/* Dashboard cards: drop the course-color tint so the selected image shows clean.
   (Courses with no chosen image will show a plain header band instead of a solid color.) */
.ic-DashboardCard__header_hero { opacity: 0 !important; }

/* Login page header: center the IAIS logo.
   .ic-Login-header is a flex row holding the logo (flex: 0 0 160px) and Canvas's
   header-links slot (flex: 1 1 0%). This install has no header links, so that slot
   renders empty but still grows to claim every remaining pixel of the 360px row --
   pushing the logo exactly 100px left of center. The row already sets
   justify-content: center; it just has no free space to distribute.
   Collapsing the slot only when it holds no elements lets the centering work, and
   leaves real links rendering normally if Canvas ever populates it.
   Verified at 1254px and 390px viewports: logo lands on the computed true center. */
.ic-Login-header__links:not(:has(*)) { display: none; }

/* Registration / email-confirmation page (/register/<token>, communication_channels#confirm).
   Stock Canvas paints this slate ($ic-Login-confirmation-bgd: #34444f) and puts the red
   Instructure logo in the card header — #e02d27 on #34444f measures 2.19:1.
   Removing it with display:none also hides its "Canvas by Instructure" alt text from
   screen readers, which swapping the image via CSS would not. Colors match the login
   page so registration and login read as the same site. */
body.body--login-confirmation { background: #2e4e42 !important; }
.ic-Login-confirmation__logo { display: none !important; }
.ic-Login-confirmation__header { background: #1a3a2e !important; }

/* Safety net for the Instructure marketing opt-in. strip_instructure_optin.py removes
   it from the views outright; this only matters if an upgrade restores them before
   reapply_branding.sh runs. Hiding is safe here because the flag is inert on
   self-hosted -- users.subscribe_to_emails is written but read nowhere in app/ or lib/. */
label[for="user_subscribe_to_emails"] { display: none !important; }

/* Mobile login page (added 2026-08-13). Canvas hardcodes its red logo here in
   bundles/mobile_auth.scss (NOT a brand variable), but this custom CSS loads on
   the page (layouts/mobile_auth.html.erb -> include_account_css). File 4 is the
   square IAIS mark, legible on the white header. The companion nav-drawer logo
   is the ic-brand-mobile-global-nav-logo brand variable, set the same day. */
.mobileLogin-Header {
  background-image: url("https://canvas.inclusiveaistrategies.com/accounts/1/files/4/download?verifier=adfWbkFWoT3DFg6pBmkJtiFbyryAD5Hw17KIeV4q") !important;
  background-size: 120px 120px !important;
}