/*
 * Wapmass Academy LMS rebrand — draft theme only.
 * Aligns MasterStudy and Elementor surfaces with Academy V2.
 */
:root {
  --primary_color: #0b1e3b !important;
  --accent_color: #6547f5 !important;
  --second_accent_color: #27d8d1 !important;
  --wapmass-ink: #0b1e3b;
  --wapmass-violet: #6547f5;
  --wapmass-violet-dark: #4e32df;
  --wapmass-aqua: #27d8d1;
  --wapmass-cloud: #f5f7ff;
  --wapmass-line: #dbe2f0;
}

/* Shared frame */
body,
.stm-lms-wrapper,
.stm_lms_wrapper,
.masterstudy-lms-wrapper {
  color: var(--wapmass-ink);
  background: var(--wapmass-cloud);
}
body .wrapper,
body .content-area,
body .stm-lms-wrapper,
body .stm_lms_wrapper {
  background-color: var(--wapmass-cloud);
}
body h1, body h2, body h3, body h4, body h5, body h6,
.stm_lms_courses__single--title h5,
.stm_lms_courses__single--info_title h4,
.stm_lms_course__title,
.stm_lms_course__content h3 {
  color: var(--wapmass-ink);
}

/* Links and buttons */
a, .stm_lms_demo_login a { color: var(--wapmass-violet); }
a:hover, a:focus { color: var(--wapmass-violet-dark); }
button,
input[type="button"],
input[type="submit"],
.button-template,
.starter-button,
.btn,
.btn.btn-default,
.stm_lms_courses__single--info a.btn,
.stm-lms-buy-buttons .btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) !important;
  color: #fff !important;
  border-radius: 10px;
  box-shadow: none;
}
button:hover, button:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
.button-template:hover, .starter-button:hover, .btn:hover, .btn:focus,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
  background-color: var(--wapmass-violet-dark) !important;
  border-color: var(--wapmass-violet-dark) !important;
}
.button-template-outline,
.starter-button-outline,
.btn-outline,
.btn-outline-default,
a.starter-button-outline {
  color: var(--wapmass-violet) !important;
  background: transparent !important;
  border-color: var(--wapmass-violet) !important;
}
.button-template-outline:hover,
.starter-button-outline:hover,
.btn-outline:hover,
.btn-outline-default:hover,
a.starter-button-outline:hover {
  color: #fff !important;
  background: var(--wapmass-violet) !important;
}

/* Navigation, account controls and dropdowns */
#masthead,
.site-header,
.header,
.stm_lms_header,
.stm_lms_header__top,
.elementor-location-header {
  border-color: var(--wapmass-line);
}
.header-menu a,
.site-header a,
.stm_lms_header a,
.stm_lms_account_dropdown .dropdown button,
.stm_lms_account_dropdown .dropdown button .login_name {
  color: var(--wapmass-ink) !important;
}
.stm_lms_account_dropdown .dropdown-menu,
.stm_lms_account_dropdown .dropdown-menu a,
.elementor-location-header .elementor-nav-menu--dropdown {
  background: #fff;
  border-color: var(--wapmass-line);
}

/* Course listing and course detail cards */
.stm_lms_courses__single,
.stm_lms_courses__single__inner,
.stm_lms_courses_grid .stm_lms_courses__single,
.stm_lms_courses_carousel .stm_lms_courses__single,
.stm_lms_course__sidebar,
.stm_lms_course__content,
.stm-lms-course__content,
.stm-lms-course__sidebar,
.stm-lms-course__content_wrapper,
.stm_lms_user_info,
.stm_lms_account,
.stm_lms_user_info,
.stm_lms_certificate_checker,
.stm_lms_courses__archive,
.stm_lms_courses__archive .courses_filters,
.stm_lms_courses_grid__sort,
.stm_lms_courses_grid__filter {
  background: #fff;
  border-color: var(--wapmass-line);
}
.stm_lms_courses__single,
.stm_lms_course__sidebar,
.stm_lms_user_info,
.stm_lms_certificate_checker,
.stm_lms_courses__archive {
  box-shadow: 0 10px 30px rgba(11, 30, 59, .08);
}
.stm_lms_courses__single--price,
.stm_lms_courses__single--price .price,
.stm_lms_course__sidebar .price,
.stm_lms_course__sidebar .stm_lms_course__price,
.stm_lms_course__sidebar .stm_lms_course__price .sale_price,
.stm_lms_courses__single--terms,
.stm_lms_courses__single--terms a {
  color: var(--wapmass-violet) !important;
}

/* Tabs, filters, pagination and active states */
.stm_lms_courses_grid__sort a.active,
.stm_lms_courses_grid__sort a:hover,
.stm_lms_courses__archive_filter_toggle,
.stm_lms_courses_grid__filter .active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) !important;
  color: #fff !important;
}
.stm_lms_courses_grid__sort a,
.nav-tabs > li > a {
  color: var(--wapmass-ink);
}

/* Forms and authentication */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select,
.woocommerce .select2-container .select2-selection,
.stm_lms_account input,
.stm_lms_account select,
.stm_lms_account textarea,
.stm_lms_certificate_checker input {
  background: #fff !important;
  border-color: var(--wapmass-line) !important;
  color: var(--wapmass-ink) !important;
  border-radius: 8px;
}
input:focus, textarea:focus, select:focus,
.woocommerce .select2-container--focus .select2-selection {
  border-color: var(--wapmass-violet) !important;
  box-shadow: 0 0 0 3px rgba(101, 71, 245, .14) !important;
}

/* MasterStudy progress / notices: aqua replaces legacy green */
.stm_lms_progress,
.stm-lms-progress,
.stm_lms_progress__bar,
.stm_lms_course__progress .progress-bar,
.stm_lms_course__progress .progress-bar-success,
.stm_lms_success,
.stm_lms_success_message,
.woocommerce-message,
.stm_lms_course__complete {
  border-color: var(--wapmass-aqua) !important;
}
.stm_lms_progress .progress-bar,
.stm-lms-progress .progress-bar,
.stm_lms_course__progress .progress-bar,
.stm_lms_course__progress .progress-bar-success {
  background: var(--wapmass-aqua) !important;
}
.woocommerce-message,
.stm_lms_success,
.stm_lms_success_message {
  background: rgba(39, 216, 209, .12) !important;
  color: var(--wapmass-ink) !important;
}

/* Footer: eliminate the legacy green slab and keep strong V2 contrast */
footer,
.site-footer,
#colophon,
.stm_lms_footer,
.elementor-location-footer,
.elementor-location-footer .elementor-section,
.elementor-location-footer .elementor-container {
  background-color: var(--wapmass-ink) !important;
  border-color: rgba(255,255,255,.14);
}
footer, footer p, footer a, footer h1, footer h2, footer h3, footer h4,
footer h5, footer h6,
.site-footer, .site-footer p, .site-footer a,
.elementor-location-footer, .elementor-location-footer p,
.elementor-location-footer a, .elementor-location-footer h1,
.elementor-location-footer h2, .elementor-location-footer h3,
.elementor-location-footer h4, .elementor-location-footer h5,
.elementor-location-footer h6 {
  color: #fff !important;
}
footer a:hover,
.site-footer a:hover,
.elementor-location-footer a:hover {
  color: var(--wapmass-aqua) !important;
}

/* Avoid carrying legacy green badges, chips or loaders */
.stm_lms_badge_menu > a:after,
.ms_lms_loader {
  background-color: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) var(--wapmass-violet) transparent transparent !important;
}
.ms_lms_loader::before,
.ms_lms_loader::after {
  border-color: transparent transparent var(--wapmass-aqua) var(--wapmass-aqua) !important;
}

/* Replace the inherited green image mark with the V2 text-and-mark identity. */
.elementor-location-header .hfe-site-logo-container,
#masthead .hfe-site-logo-container {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}
.elementor-location-header .hfe-site-logo-img,
#masthead .hfe-site-logo-img {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
}
.elementor-location-header .hfe-site-logo-container::before,
#masthead .hfe-site-logo-container::before {
  content: "W";
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--wapmass-violet);
  color: #fff;
  font: 800 28px/1 Arial, sans-serif;
  letter-spacing: -4px;
  padding-right: 4px;
  box-sizing: border-box;
}
.elementor-location-header .hfe-site-logo-container::after,
#masthead .hfe-site-logo-container::after {
  content: "Wapmass Academy";
  color: var(--wapmass-ink);
  font: 700 17px/1.1 Arial, sans-serif;
  letter-spacing: -.45px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .elementor-location-header .hfe-site-logo-container::after,
  #masthead .hfe-site-logo-container::after { font-size: 14px; }
  .elementor-location-header .hfe-site-logo-container::before,
  #masthead .hfe-site-logo-container::before { width: 36px; height: 36px; font-size: 24px; }
}

/* Elementor embeds hard-coded legacy green in these shared LMS controls. */
.ms_lms_course_search_box__categories,
.ms_lms_course_search_box__categories_dropdown_parents,
.ms_lms_course_search_box__search_input_button,
.elementor-location-header .elementor-button,
.masterstudy-button.masterstudy-button_style-primary,
.ms-lms-authorization-icon {
  background-color: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) !important;
  color: #fff !important;
}
.ms_lms_course_search_box__categories:hover,
.ms_lms_course_search_box__search_input_button:hover,
.elementor-location-header .elementor-button:hover,
.masterstudy-button.masterstudy-button_style-primary:hover {
  background-color: var(--wapmass-violet-dark) !important;
  border-color: var(--wapmass-violet-dark) !important;
}
.ms_lms_course_search_box__categories *,
.ms_lms_course_search_box__search_input_button *,
.elementor-location-header .elementor-button *,
.masterstudy-button.masterstudy-button_style-primary * {
  color: #fff !important;
}
.elementor-location-footer .elementor-element,
.elementor-location-footer .e-con,
.elementor-location-footer .elementor-section,
#colophon .elementor-element,
#colophon .e-con,
#colophon .elementor-section {
  background-color: var(--wapmass-ink) !important;
}
#masthead .elementor-button,
#masthead .elementor-button.elementor-button-link,
#masthead .elementor-button .elementor-button-text {
  background-color: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) !important;
  color: #fff !important;
}
#masthead .elementor-button:hover,
#masthead .elementor-button.elementor-button-link:hover {
  background-color: var(--wapmass-violet-dark) !important;
  border-color: var(--wapmass-violet-dark) !important;
}

/* The previous footer asset was a green square. Use the same V2 mark instead. */
#colophon img[src*="cropped-wapmass-green1"] {
  display: none !important;
}
#colophon .elementor-widget-container:has(img[src*="cropped-wapmass-green1"]) {
  display: grid !important;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 18px;
  background: var(--wapmass-violet) !important;
}
#colophon .elementor-widget-container:has(img[src*="cropped-wapmass-green1"])::after {
  content: "W";
  color: #fff;
  font: 800 62px/1 Arial, sans-serif;
  letter-spacing: -10px;
  padding-right: 9px;
}

/* Consent surfaces inherit the same Academy identity rather than the old image. */
.cmplz-logo img[src*="WAPMASS-academy-logo"] {
  display: none !important;
}
.cmplz-logo:has(img[src*="WAPMASS-academy-logo"]) {
  display: grid !important;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--wapmass-violet) !important;
}
.cmplz-logo:has(img[src*="WAPMASS-academy-logo"])::after {
  content: "W";
  color: #fff;
  font: 800 28px/1 Arial, sans-serif;
  letter-spacing: -4px;
  padding-right: 4px;
}
.cmplz-link,
.cmplz-always-active,
.cmplz-banner-checkbox,
.masterstudy-authorization__switch-account-link {
  color: var(--wapmass-violet) !important;
}

/* Course-catalogue controls and status chips. */
#masthead .hfe-menu-item,
.ms_lms_courses_archive__sorting_button {
  color: var(--wapmass-ink) !important;
}
#masthead .hfe-menu-item:hover,
#masthead .hfe-menu-item:focus {
  color: var(--wapmass-violet) !important;
}
.ms_lms_courses_archive__sorting_button.active,
.ms_lms_courses_archive__sorting_button:hover {
  background-color: var(--wapmass-violet) !important;
  color: #fff !important;
}
.ms_lms_courses_card_item_status.status_style_1,
.ms_lms_courses_card_item_status.new {
  background-color: var(--wapmass-aqua) !important;
  color: var(--wapmass-ink) !important;
}

/* Replace the inherited green marketing carousel with a single V2 Academy hero. */
#metaslider-id-53581 {
  position: relative !important;
  min-height: 620px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(3,13,32,.96) 0%, rgba(3,13,32,.76) 44%, rgba(3,13,32,.12) 80%),
    url("https://learn.wapmass.net/wp-content/uploads/2026/09/Wapmass-Academy-V2-LMS-Hero.png") center/cover no-repeat !important;
}
#metaslider-id-53581 .flexslider,
#metaslider-id-53581 .slides {
  height: 620px !important;
  min-height: 620px !important;
  background: transparent !important;
}
#metaslider-id-53581 .slides,
#metaslider-id-53581 .flex-direction-nav,
#metaslider-id-53581 .flex-control-nav,
#metaslider-id-53581 .caption-wrap {
  display: none !important;
}
#metaslider-id-53581::before {
  content: "WAPMASS ACADEMY";
  position: absolute;
  z-index: 3;
  top: calc(50% - 150px);
  left: clamp(28px, 8vw, 128px);
  color: var(--wapmass-aqua);
  font: 800 clamp(.72rem, 1.1vw, .96rem)/1 Arial, sans-serif;
  letter-spacing: .13em;
}
#metaslider-id-53581::after {
  content: "Build the capability to lead, care, protect and progress.\A\A Professional learning, assessment and recognition—connected.";
  white-space: pre-line;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: clamp(28px, 8vw, 128px);
  max-width: min(580px, 48vw);
  transform: translateY(-50%);
  color: #fff;
  font: 700 clamp(1rem, 2.45vw, 2.7rem)/1.16 Arial, sans-serif;
  letter-spacing: -.035em;
  text-shadow: none;
}
@media (max-width: 767px) {
  #metaslider-id-53581,
  #metaslider-id-53581 .flexslider {
    min-height: 500px !important;
    height: 500px !important;
    background-position: 60% center !important;
  }
  #metaslider-id-53581::after {
    left: 28px;
    right: 28px;
    top: 58%;
    max-width: none;
    font-size: 1.75rem;
  }
}

/* Homepage Elementor controls/cards that use independently stored colours. */
body .elementor-button,
body .elementor-button.elementor-button-link,
body .elementor-icon {
  background-color: var(--wapmass-violet) !important;
  border-color: var(--wapmass-violet) !important;
  color: #fff !important;
}
body .elementor-button:hover,
body .elementor-button:focus {
  background-color: var(--wapmass-violet-dark) !important;
  border-color: var(--wapmass-violet-dark) !important;
}
body .elementor-button *,
body .elementor-icon * { color: #fff !important; }
body .elementor-element-e4e87c8,
body .elementor-element-631eb8c {
  background-color: var(--wapmass-ink) !important;
  border-color: rgba(255,255,255,.16) !important;
}
body .elementor-element-e4e87c8 *,
body .elementor-element-631eb8c * { color: #fff !important; }