/*
 * Overrides for ms-lms-starter-theme (parent theme, "MasterStudy
 * Templates") page chrome: header, footer, nav, generic archive/single
 * page wrappers.
 *
 * VERIFIED against the live site (entropica.mx) on 2026-07-15 with this
 * child theme active, by fetching rendered HTML and reading the actual
 * classes — not guessed. ms-lms-starter-theme v2.1.1's real structure:
 *   <header id="header" class="header">
 *     <div class="container"><section class="navigation">
 *       <a class="starter-logo">...</a>
 *       <div class="navigation-menu"><ul class="starter-menu menu">...</ul></div>
 *       <div class="stm_lms_courses_search">...</div>
 *       <a class="ms-lms-authorization">...</a>
 *     </section></div>
 *   </header>
 *   ...page content (generic pages: #wrapper > .container > .pages-template
 *   > .page-content > .entry-content; no page-title element rendered)...
 *   <footer class="footer"><div class="container">
 *     <div class="copyright">...</div><ul class="social-list">...</ul>
 *   </div></footer>
 * If a future ms-lms-starter-theme update changes these classes, this file
 * degrades silently (header just stops picking up brand colors) — re-check
 * against a live page if the header/footer look unstyled after an update.
 */

/* ---- header ---- */
.header {
  background: var( --ent-bg );
  border-bottom: 1px solid var( --ent-line );
}
.header .starter-logo {
  display: inline-flex;
  align-items: center;
}
.header .navigation-menu .starter-menu.menu {
  display: flex;
  align-items: center;
  gap: 18px;
  list-style: none;
}
.header .navigation-menu .starter-menu.menu .menu-item > a {
  color: var( --ent-ink-2 );
  font-family: var( --ent-font-body );
  font-size: 15px;
  text-decoration: none;
}
.header .navigation-menu .starter-menu.menu .menu-item > a:hover,
.header .navigation-menu .starter-menu.menu .menu-item.current-menu-item > a {
  color: var( --ent-ink );
}

/* MasterStudy's own "login/sign up" pill in the header */
.header .ms-lms-authorization {
  color: var( --ent-ink );
  font-family: var( --ent-font-body );
  font-weight: 600;
}
.header .ms-lms-authorization-icon {
  background: var( --ent-accent ) !important;
}
.header .ms-lms-authorization-title {
  color: var( --ent-ink ) !important;
}

/* ---- footer ---- */
.footer {
  background: var( --ent-surface-2 );
  color: var( --ent-ink-2 );
  border-top: 1px solid var( --ent-line );
}
.footer .copyright {
  font-family: var( --ent-font-body );
  font-size: 13px;
}
.footer a {
  color: var( --ent-accent );
}

/* ---- generic page wrapper (Sample Page, Privacy Policy, etc.) ---- */
/* No .entry-title element is rendered by this parent theme's generic page
   template — only .entry-content. If a page needs a visible heading, add
   it via a heading block in the page content itself rather than relying on
   theme markup that doesn't exist here. */
.pages-template .page-content {
  background: var( --ent-surface );
  border: 1px solid var( --ent-line );
  border-radius: var( --ent-radius );
  padding: 32px;
  margin: 32px 0;
}
.entry-content {
  color: var( --ent-ink );
  font-family: var( --ent-font-body );
}