/* PMA Science University — Courses
   Shared institutional chrome: crest lockup, skip link, standing statement,
   utility helpers. Kept in its own sheet so the LearnPress layer above stays
   purely about the LMS.

   Every selector is anchored on `.pma-lms` or on a `pma-` class this theme
   itself emits, so nothing here can reach root pmascience.com, /pma or
   /psychology. */

/* ------------------------------------------------------------------
   1 · Keyboard skip link
   ------------------------------------------------------------------ */
.pma-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: var(--s-3) var(--s-5);
  background-color: var(--pma-navy-900);
  color: var(--pma-ivory);
  font-family: var(--pma-sans);
  font-size: var(--fs-sm);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}
.pma-skip-link:focus,
.pma-skip-link:focus-visible {
  left: var(--s-4);
  top: var(--s-4);
  outline: 2px solid var(--pma-gold-300);
  outline-offset: 2px;
}

/* ------------------------------------------------------------------
   2 · Crest lockup
   ------------------------------------------------------------------ */
body.pma-lms .logo img,
.pma-crest__mark { height: auto; max-height: 4.25rem; width: auto; }

/* On the navy footer the official mark sits on an ivory plate. It is never
   recoloured, redrawn or substituted. */
.pma-crest--plate {
  display: inline-block;
  background-color: var(--pma-ivory);
  padding: var(--s-3) var(--s-4);
}

/* ------------------------------------------------------------------
   3 · Standing statement
   ------------------------------------------------------------------ */
.pma-standing {
  font-family: var(--pma-sans);
  font-size: var(--fs-xs);
  line-height: 1.6;
  color: var(--pma-ink-muted);
  max-width: 78ch;
  margin: var(--s-5) 0 0;
}
body.pma-lms #footer .pma-standing,
body.pma-lms #socket .pma-standing { color: rgba(251, 248, 242, 0.62); }

/* ------------------------------------------------------------------
   4 · Header behaviour at the tested widths
   ------------------------------------------------------------------ */
@media (max-width: 989px) {
  #top.pma-lms #header_meta .sub_menu_socket,
  #top.pma-lms #header_meta .av-social-link { justify-content: center; }
  body.pma-lms .logo img,
  .pma-crest__mark { max-height: 3.25rem; }
}

@media (max-width: 767px) {
  body.pma-lms #socket .container { justify-content: flex-start; }
  .pma-social { gap: var(--s-2) var(--s-4); }
}

@media (max-width: 480px) {
  body.pma-lms .logo img,
  .pma-crest__mark { max-height: 2.75rem; }
  .pma-social__link { letter-spacing: 0.1em; }
}

/* Touch targets: LearnPress renders several controls as plain links.
   Padding only — no layout property is changed. */
@media (pointer: coarse) {
  body.pma-lms .course-item-nav a,
  body.pma-lms .lp-profile-nav a,
  body.pma-lms .lp-course-tabs .course-tab,
  body.pma-lms .pma-social__link { padding-block: var(--s-3); }
}

/* ------------------------------------------------------------------
   5 · Print — a student printing a lesson should get the lesson
   ------------------------------------------------------------------ */
@media print {
  body.pma-lms #header,
  body.pma-lms #header_meta,
  body.pma-lms #footer,
  body.pma-lms #socket,
  body.pma-lms .course-item-nav,
  body.pma-lms .pma-skip-link { display: none !important; }
  body.pma-lms { background: #fff; color: #000; }
}