/* =========================
   AltusLMS EIA Catalog + Course UI Cleanup
   Scope: Fisher & Paykel minisite only
   ========================= */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library {
  --sx2-title-size-min: 20px;
  --sx2-title-size-max: 24px;
  --sx2-body-size-min: 14px;
  --sx2-body-size-max: 16px;
}

/* EIA page-level width/spacing normalization */
body.wp-child-theme-FPKtheme2019aramark .course-nav-tabs + .screen-reader-text + main.altuslms-catalog.altuslms-eia-library,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library {
  margin-top: 10px;
}

/* 1) Card padding + spacing */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card {
  box-shadow: none !important;
  background-image: none !important;
}

body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card__body {
  padding: 20px 20px 18px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card__actions {
  margin-top: 8px;
}

/* 2,3,4) Titles/body: no caps, tighter line-height, smaller readable sizes */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card__body h3 {
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: clamp(18px, 1.1vw, 22px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card__desc {
  font-size: clamp(14px, 0.95vw, 16px) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

/* Keep catalog headings clean and readable */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-eyebrow {
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-title {
  font-size: clamp(24px, 1.8vw, 34px) !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
  margin: 0 0 4px !important;
}

/* 5,6) Buttons: flat typography, no shadow/gradient/emboss */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-button {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

/* Keep primary course CTA buttons readable after flattening gradients */
body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-button--primary,
body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-btn--login-enroll.altuslms-button--primary {
  background: #0b2b4a !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #0b2b4a !important;
}

/* View Course button */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-btn--view-course {
  background-color: #0b2b4a !important;
  border: 1px solid #0b2b4a !important;
  color: #fff !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-catalog__filters .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-catalog__filters .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-catalog__filters .altuslms-btn {
  background-color: #0b2b4a !important;
  border: 1px solid #0b2b4a !important;
  color: #ffffff !important;
}

/* Log in to Enroll / Enroll button style family */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-btn--login-enroll {
  background-color: transparent !important;
  border: 1px solid #0b2b4a !important;
  color: #0b2b4a !important;
}

body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-button--orange {
  background-color: #f28c1a !important;
  border: 1px solid #f28c1a !important;
  color: #fff !important;
}

/* Optional hover, still flat */
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-button:hover,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-button:focus {
  text-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* EIA segmented tabs */
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs > li,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs > li,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs > li {
  margin: 0 !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs > li > a,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs > li > a,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs > li > a {
  border: 0 !important;
  border-radius: 6px !important;
  background: #eceff1 !important;
  color: #0b2b4a !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs > li.active > a,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs > li.active > a:hover,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action .course-nav-tabs > li.active > a:focus,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs > li.active > a,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs > li.active > a:hover,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia .course-nav-tabs > li.active > a:focus,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs > li.active > a,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs > li.active > a:hover,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 .course-nav-tabs > li.active > a:focus {
  background: #f28c1a !important;
  color: #fff !important;
}

/* 7) Course menu sizing/readability */
body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-course-menu__title,
body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-course-menu__nav-title {
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.wp-child-theme-FPKtheme2019aramark .altuslms-learner-shell .altuslms-nav-pill {
  font-size: clamp(13px, 1vw, 15px) !important;
  line-height: 1.4 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Responsive guardrails */
@media (max-width: 991px) {
  body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card__body {
    padding: 16px !important;
    gap: 8px;
  }
}

/* ==========================================================
   SolutionsX2 EIA fixes (EIA pages only)
   ========================================================== */
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library {
  background: #efefef !important;
  color: #0b2b4a !important;
  border: 1px solid #f0b333 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 32px !important;
  box-sizing: border-box;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-card__body h3,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-card__body h3,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-card__body h3,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-card__desc,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-card__desc,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-card__desc,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-muted,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-muted,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-muted {
  color: #0b2b4a !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-card,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-card,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-card {
  background: #dfe1e3 !important;
  border: 1px solid #f0b333 !important;
  box-shadow: none !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-card__media,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-card__media,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-card__media {
  background: #dfe1e3 !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-chip,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-chip,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-chip {
  background: #f3f5f8 !important;
  border: 1px solid #f0b333 !important;
  color: #0b2b4a !important;
}

body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-header,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-header {
  padding: 0;
  margin-bottom: 18px !important;
}

/* Flat, crisp CTA typography on EIA library pages */
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-btn,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-button,
body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-button,
body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-button,
body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-button {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
  -webkit-font-smoothing: antialiased !important;
  transform: none !important;
}

/* Desktop course page alignment and anti-compression */
@media (min-width: 1024px) {
  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .main-content-container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course main.altuslms-course {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    overflow: visible !important;
    box-sizing: border-box;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .altuslms-learner-layout {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start;
    overflow: visible !important;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .altuslms-course-menu {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .altuslms-learner-content {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course h1#altuslms-course-heading {
    font-size: clamp(30px, 2.2vw, 42px) !important;
    line-height: 1.2 !important;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .course-overview__image-frame {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-altuslms-course .course-overview__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/* ==========================================================
   Long-term stable variant: [altuslms_catalog variant="fph-light"]
   ========================================================== */
main.altuslms-catalog.altuslms-variant-fph-light {
  background: #efefef !important;
  color: #0b2b4a !important;
  border: 1px solid #f0b333 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 32px !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-header,
main.altuslms-catalog.altuslms-variant-fph-light .altuslms-card__body h3,
main.altuslms-catalog.altuslms-variant-fph-light .altuslms-card__desc,
main.altuslms-catalog.altuslms-variant-fph-light .altuslms-muted {
  color: #0b2b4a !important;
  text-shadow: none !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-eyebrow {
  color: #f0b333 !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-title {
  color: #5f9db9 !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-card {
  background: #dfe1e3 !important;
  border: 1px solid #f0b333 !important;
  box-shadow: none !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-card__media {
  background: #dfe1e3 !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-chip {
  background: #f3f5f8 !important;
  border: 1px solid #f0b333 !important;
  color: #0b2b4a !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-btn,
main.altuslms-catalog.altuslms-variant-fph-light .altuslms-button {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
  -webkit-font-smoothing: antialiased !important;
  transform: none !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-btn--view-course,
main.altuslms-catalog.altuslms-variant-fph-light .altuslms-catalog__filters .altuslms-btn {
  background-color: #0b2b4a !important;
  border: 1px solid #0b2b4a !important;
  color: #ffffff !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-btn--login-enroll {
  background-color: transparent !important;
  border: 1px solid #0b2b4a !important;
  color: #0b2b4a !important;
}

main.altuslms-catalog.altuslms-variant-fph-light .altuslms-button--orange {
  background-color: #f28c1a !important;
  border: 1px solid #f28c1a !important;
  color: #ffffff !important;
}

@media (min-width: 1024px) {
  #content > .container.main-content-container main.altuslms-catalog.altuslms-variant-fph-light .altuslms-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

@media (max-width: 1023px) {
  main.altuslms-catalog.altuslms-variant-fph-light {
    padding: 24px !important;
  }
}

@media (max-width: 1023px) {
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library {
    padding: 24px !important;
  }
}

/* Desktop EIA catalog width + alignment tightening */
@media (min-width: 1024px) {
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action #content > .container.main-content-container,
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia #content > .container.main-content-container,
  body.wp-child-theme-FPKtheme2019aramark.page-id-648 #content > .container.main-content-container {
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog,
  body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-grid,
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-grid,
  body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-grid,
  body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch;
  }

  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action main.altuslms-catalog .altuslms-card,
  body.wp-child-theme-FPKtheme2019aramark.page-evidence-in-action-anesthesia main.altuslms-catalog .altuslms-card,
  body.wp-child-theme-FPKtheme2019aramark.page-id-648 main.altuslms-catalog .altuslms-card,
  body.wp-child-theme-FPKtheme2019aramark main.altuslms-catalog.altuslms-eia-library .altuslms-card {
    width: auto !important;
    min-width: 0 !important;
  }
}
