/* === Test Academy CSS === */

/* ========== General Layout Overrides ========== */

/* Remove padding from page content */
.page-content {
  padding-left: 0px !important;
}

/* Hide description text that comes after MetaNavWrapper in the same container */
[class*="MetaNavWrapper"] ~ [class*="Description"] {
  display: none !important;
}

/* Adjust layout of embedded/interactive content */
[class*="DocumentObjectWrapperStyled"]:has([class*="EmbedWrapper"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="HeaderWrapper"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="StyledImageExpander"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="StyledCalloutContainer"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="flip-card-content"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="task-object-checklist"]) {
  margin: 0 10rem !important;
}

[class*="DocumentObjectWrapperStyled"] {
  margin-bottom: 2rem !important;
}

/* Add specific padding for callouts and flip cards */
[class*="DocumentObjectWrapperStyled"]:has([class*="StyledCalloutContainer"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="flip-card-content"]),
[class*="DocumentObjectWrapperStyled"]:has([class*="task-object-checklist"]) {
  padding-top: 10px;
  padding-bottom: 30px;
}

/* Override max-width for embedded content, but exclude Wistia videos */
[class*="DocumentObjectWrapperStyled"]:has([class*="EmbedWrapper"]):not(:has(iframe[src*="wistia"])) {
  max-width: 1200px !important; 
}

/* ========== Catalog Styling and Hiding certain published (and deprecated) Learning paths ========== */



/* Remove styled text from catalog page that shows number of items in catalog */
[id*="AcademyLearnerCatalogPage"] [class*="StyledText"][class*="StyledCount"] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}

/* ========== Banner Styling ========== */

.AL_Custom_BannerMainHeading {
  padding-top: 50px;
}

.AL_Custom_BannerSubHead {
  padding-bottom: 50px;
}

/* ========== Typography ========== */

/* Restrict typography changes to course content */
[class*="TaskBody"] h1,
[class*="TaskBody"] h2,
[class*="TaskBody"] h3,
[class*="TaskBody"] h4,
[class*="TaskBody"] h5,
[class*="TaskBody"] h6,
[class*="TaskBody"] .h1,
[class*="TaskBody"] .h2,
[class*="TaskBody"] .h3,
[class*="TaskBody"] .h4 {
  color: #202c2d !important;
  font-weight: 600 !important;
}

/* Heading sizes — applied globally but excludes banner/quiz styles */
h1:not([class*="AL_Custom_BannerMainHeading"]) {
  font-size: 46px !important;
  line-height: 44px !important;
  margin-top: 5rem !important;
}

h2:not([class*="QuestionHeaderWrapper"]) {
  font-size: 40px !important;
  line-height: 39px !important;
  margin-top: 1rem !important;
}

h3:not([class*="AL_Custom_CardTitle"]):not([class*="SidebarSectionTitle"]):not([class*="StyledText"]) {
  font-size: 34px !important;
  line-height: 28px !important;
  margin-top: 1rem !important;
}

h4:not([class*="QuestionHeaderWrapper"]) {
  font-size: 28px !important;
  line-height: 25px !important;
  margin-top: 1rem !important;
}

/* Paragraph text — scoped to course content only */
[class*="TaskBody"] p {
  font-size: 18px;
  line-height: 1.75rem;
  color: #3f4e50;
  font-weight: 300;
  padding-bottom: 20px !important;
}

/* ========== List Styling ========== */

/* Unordered lists */
[class*="TaskBody"] ul {
  font-size: 18px;
  line-height: 1.75rem;
  color: #3f4e50;
  font-weight: 300;
  margin-bottom: 20px !important;
  padding-left: 1.5rem;
}

[class*="TaskBody"] ul li {
  margin-bottom: 8px;
  list-style-type: disc;
}

/* Ordered lists */
[class*="TaskBody"] ol {
  font-size: 18px;
  line-height: 1.75rem;
  color: #3f4e50;
  font-weight: 300;
  margin-bottom: 20px !important;
  padding-left: 1.5rem;
}

[class*="TaskBody"] ol li {
  margin-bottom: 8px;
  list-style-type: decimal;
}

/* Nested lists */
[class*="TaskBody"] ul ul,
[class*="TaskBody"] ol ol,
[class*="TaskBody"] ul ol,
[class*="TaskBody"] ol ul {
  margin-bottom: 8px !important;
  margin-top: 8px;
}

[class*="TaskBody"] ul ul li {
  list-style-type: circle;
}

[class*="TaskBody"] ul ul ul li {
  list-style-type: square;
}

/* ========== Quiz & Question Styling ========== */

[class*="QuestionHeaderWrapper"] {
  color: #3f4e50;
}

.multiple-choice-options {
  font-size: 18px;
  color: #3f4e50;
  font-weight: 300;
}

/* Hide the entire breadcrumb wrapper if it contains a link to collections */
[class*="AcademyBreadcrumbWrapper"]:has(a[href*="/collections/"]) {
    display: none !important;
}