/**
 * SSA English Theme - Complete Modern Flat Skin (v1.8.61)
 *
 * Exhaustively overrides ALL glass materials, translucency, gradient glows,
 * 3D specular highlights, and nested frames across the entire website.
 *
 * Pure 100% Modern Flat:
 * - Solid surfaces (#FFFFFF, #072F41, #F0F4F6)
 * - Seamless 1-layer cards for all Courses, Teachers, Resources, Articles, Facilities
 * - Zero GPU backdrop blur
 * - Zero radial glows, ambient lights, or inset specular borders
 * - Crisp 1px flat borders with subtle elevation
 * - 100% SSA English brand colors preserved
 *
 * @package SSA English
 */

/* ==========================================================================
   1. GLOBAL FLAT TOKENS & KILL-SWITCH
   ========================================================================== */
body.ssa-style-flat {
  /* Flatten Glass Material Tokens */
  --ssa-glass-light:            #FFFFFF;
  --ssa-glass-light-strong:     #FFFFFF;
  --ssa-glass-dark:             var(--ssa-navy-900, #072F41);
  --ssa-glass-dark-strong:      var(--ssa-navy-900, #072F41);
  --ssa-glass-border:           var(--ssa-border, #D9E3E8);
  --ssa-glass-border-dark:      rgba(255, 255, 255, 0.16);
  --ssa-glass-highlight:        transparent;
  --ssa-glass-highlight-dark:   transparent;
  --ssa-glass-blur:             0px;
  --ssa-glass-blur-sm:          0px;
  --ssa-glass-saturation:       100%;
  --ssa-glass-shadow:           0 2px 8px rgba(7, 47, 65, 0.05);
  --ssa-glass-shadow-sm:        0 1px 4px rgba(7, 47, 65, 0.03);

  /* Flatten Brand Material Tokens */
  --ssa-material-surface:       #FFFFFF;
  --ssa-material-surface-solid: #FFFFFF;
  --ssa-material-stroke:        var(--ssa-border, #D9E3E8);
  --ssa-material-stroke-dark:   var(--ssa-border, #D9E3E8);
  --ssa-material-highlight:     0 0 0 transparent;
  --ssa-material-shadow:        0 2px 8px rgba(7, 47, 65, 0.04);
  --ssa-material-shadow-hover:  0 8px 24px rgba(7, 47, 65, 0.08);
  --ssa-material-blur:          0px;
  --ssa-material-saturation:    100%;
}

/* Kill all GPU blurs */
body.ssa-style-flat,
body.ssa-style-flat *,
body.ssa-style-flat *::before,
body.ssa-style-flat *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Kill all ambient corner glows, optical radial lights & glass sheens */
body.ssa-style-flat .ssa-hero__content::before,
body.ssa-style-flat .ssa-prefooter__graphic-col::before,
body.ssa-style-flat .ssa-card--craft::before,
body.ssa-style-flat .ssa-card--craft::after,
body.ssa-style-flat .ssa-card--program::before,
body.ssa-style-flat .ssa-card--program::after,
body.ssa-style-flat .ssa-prog-card::before,
body.ssa-style-flat .ssa-prog-card::after,
body.ssa-style-flat .ssa-res-card::before,
body.ssa-style-flat .ssa-res-card::after,
body.ssa-style-flat .ssa-article-card::before,
body.ssa-style-flat .ssa-article-card::after,
body.ssa-style-flat .ssa-why-pill-card::before,
body.ssa-style-flat .ssa-why-pill-card::after,
body.ssa-style-flat .ssa-card--story::before,
body.ssa-style-flat .ssa-card--story::after,
body.ssa-style-flat .ssa-card--proof::before,
body.ssa-style-flat .ssa-card--proof::after,
body.ssa-style-flat .ssa-facility-card::before,
body.ssa-style-flat .ssa-facility-card::after,
body.ssa-style-flat .ssa-prog-card__media::after,
body.ssa-style-flat .ssa-res-card__media::after,
body.ssa-style-flat .ssa-article-card__media::after,
body.ssa-style-flat .ssa-facility-card__media::after {
  display: none !important;
  content: none !important;
}

/* ==========================================================================
   2. NAVBAR & NAVIGATION (CRISP SOLID WHITE FLAT ELEVATION)
   ========================================================================== */
body.ssa-style-flat .ssa-header {
  background: transparent !important;
}

body.ssa-style-flat .ssa-navbar {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ssa-style-flat .ssa-header.is-scrolled .ssa-navbar {
  background: #FFFFFF !important;
  border-color: var(--ssa-border-strong, #CBD5E1) !important;
  box-shadow: 0 4px 16px rgba(7, 47, 65, 0.08) !important;
}

/* Nav Links & Hover */
body.ssa-style-flat .ssa-navbar__link {
  color: var(--ssa-navy-900, #0B4F6C) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-navbar__link:hover,
body.ssa-style-flat .ssa-navbar__dropdown:hover > .ssa-navbar__link,
body.ssa-style-flat .ssa-navbar__dropdown.is-open > .ssa-navbar__link {
  color: var(--ssa-primary, #074E74) !important;
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border-color: var(--ssa-border, #D9E3E8) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Current / Active Menu Link: Solid Crisp Flat Pill (Zero Inset Highlight) */
body.ssa-style-flat .ssa-navbar__link.is-current {
  color: var(--ssa-primary, #074E74) !important;
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border-color: var(--ssa-primary, #074E74) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* Dropdown Menu Card & Mega Menu */
body.ssa-style-flat .ssa-navbar__dropdown-menu,
body.ssa-style-flat .ssa-mega-menu {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--ssa-radius-lg, 16px) !important;
  box-shadow: 0 8px 24px rgba(7, 47, 65, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ssa-style-flat .ssa-navbar__dropdown-item {
  color: var(--ssa-ink-700, #334155) !important;
}

body.ssa-style-flat .ssa-navbar__dropdown-item:hover {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  color: var(--ssa-primary, #074E74) !important;
  transform: none !important;
}

body.ssa-style-flat .ssa-navbar__dropdown-item--all {
  border-top: 1px solid var(--ssa-border, #D9E3E8) !important;
  color: var(--ssa-secondary, #007542) !important;
}

/* Search Trigger & Search Flyout */
body.ssa-style-flat .ssa-navbar__search-btn {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: none !important;
  color: var(--ssa-navy-700, #0B4F6C) !important;
}

body.ssa-style-flat .ssa-navbar__search-btn:hover {
  background: #FFFFFF !important;
  border-color: var(--ssa-primary, #074E74) !important;
  color: var(--ssa-primary, #074E74) !important;
}

body.ssa-style-flat .ssa-search-flyout {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--ssa-radius-lg, 16px) !important;
  box-shadow: 0 10px 28px rgba(7, 47, 65, 0.09) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ssa-style-flat .ssa-search-form,
body.ssa-style-flat .ssa-mobile-search-form {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: none !important;
}

/* Header Primary CTA Pill (Đánh giá năng lực →): Solid Flat Orange (No Gradient / No Inset Specular) */
body.ssa-style-flat .ssa-btn--header-cta {
  background: var(--ssa-accent, #F77F00) !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 8px rgba(247, 127, 0, 0.28) !important;
  color: #FFFFFF !important;
}

body.ssa-style-flat .ssa-btn--header-cta:hover {
  background: #E06D00 !important;
  background-image: none !important;
  box-shadow: 0 4px 14px rgba(247, 127, 0, 0.38) !important;
  transform: translateY(-2px) !important;
}

/* Mobile Drawer */
body.ssa-style-flat .ssa-mobile-menu {
  background: #FFFFFF !important;
  border-top: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 12px 32px rgba(7, 47, 65, 0.12) !important;
}

/* ==========================================================================
   3. HERO SLIDER CONTROLS & SECONDARY BUTTONS
   ========================================================================== */
body.ssa-style-flat .ssa-hero-slider__controls {
  background: var(--ssa-navy-900, #072F41) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 16px rgba(7, 47, 65, 0.20) !important;
}

body.ssa-style-flat .ssa-hero-slider__dot {
  background: rgba(255, 255, 255, 0.40) !important;
}

body.ssa-style-flat .ssa-hero-slider__dot:hover {
  background: rgba(255, 255, 255, 0.85) !important;
}

body.ssa-style-flat .ssa-hero-slider__dot.is-active {
  width: 26px !important;
  border-radius: 99px !important;
  background: var(--ssa-orange, #F77F00) !important;
  box-shadow: 0 2px 8px rgba(247, 127, 0, 0.40) !important;
}

/* Hero & Dark Section Secondary Buttons (Frosted glass -> Solid Crisp Pill) */
body.ssa-style-flat .ssa-hero__btn--secondary,
body.ssa-style-flat .ssa-hero .ssa-btn--secondary,
body.ssa-style-flat .ssa-path-cta__actions .ssa-btn--secondary,
body.ssa-style-flat .ssa-path-cta .ssa-btn--secondary,
body.ssa-style-flat .ssa-btn--inverse,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--secondary,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--secondary,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--outline-white,
body.ssa-style-flat .ssa-section--dark .ssa-btn--secondary,
body.ssa-style-flat .ssa-section--dark .ssa-btn--outline {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-hero__btn--secondary:hover,
body.ssa-style-flat .ssa-hero .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-path-cta__actions .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-path-cta .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-btn--inverse:hover,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-banner-cta--navy .ssa-btn--outline-white:hover,
body.ssa-style-flat .ssa-section--dark .ssa-btn--secondary:hover,
body.ssa-style-flat .ssa-section--dark .ssa-btn--outline:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  color: #FFFFFF !important;
}

/* Prefooter Secondary Button (Flat Style: Solid White with Deep Navy #072F41 Text) */
body.ssa-style-flat .ssa-prefooter__btn--secondary,
body.ssa-style-flat .ssa-prefooter-tier .ssa-btn--secondary {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #072F41 !important;
  border: 1.5px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.06) !important;
}

body.ssa-style-flat .ssa-prefooter__btn--secondary:hover,
body.ssa-style-flat .ssa-prefooter-tier .ssa-btn--secondary:hover {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  background-color: var(--ssa-navy-50, #F0F4F6) !important;
  color: var(--ssa-primary, #074E74) !important;
  border-color: var(--ssa-primary, #074E74) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(7, 47, 65, 0.10) !important;
}

/* Light Surface Outline Button in Flat Mode */
body.ssa-style-flat .ssa-btn--outline {
  background: transparent !important;
  color: var(--ssa-primary, #074E74) !important;
  border: 1.5px solid var(--ssa-primary, #074E74) !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-btn--outline:hover {
  background: var(--ssa-primary, #074E74) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(7, 78, 116, 0.20) !important;
}

/* ==========================================================================
   4. TRUST STRIP & SECTION HEADER ACTION PILLS
   ========================================================================== */
body.ssa-style-flat .ssa-trust-strip {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--ssa-radius-xl, 24px) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-programs-header__action .ssa-text-link,
body.ssa-style-flat .ssa-resources-header-link .ssa-text-link,
body.ssa-style-flat .ssa-resources-header__action .ssa-text-link {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 6px rgba(7, 47, 65, 0.04) !important;
  color: var(--ssa-primary, #074E74) !important;
}

body.ssa-style-flat .ssa-programs-header__action .ssa-text-link:hover,
body.ssa-style-flat .ssa-resources-header-link .ssa-text-link:hover,
body.ssa-style-flat .ssa-resources-header__action .ssa-text-link:hover {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border-color: var(--ssa-primary, #074E74) !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   5. SEAMLESS FLAT COURSE & TEACHER CARDS (.ssa-prog-card / .ssa-teacher-card)
   Integrated 1-piece flat card: Media flush on top, body flush below
   ========================================================================== */
body.ssa-style-flat .ssa-prog-card,
body.ssa-style-flat .ssa-prog-card.ssa-card--program,
body.ssa-style-flat .ssa-teacher-card,
body.ssa-style-flat .ssa-teacher-card.ssa-prog-card {
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--radius-2xl, 22px) !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
  transition: transform var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease),
              border-color var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease),
              box-shadow var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease) !important;
}

body.ssa-style-flat .ssa-prog-card:hover,
body.ssa-style-flat .ssa-prog-card.ssa-card--program:hover,
body.ssa-style-flat .ssa-teacher-card:hover,
body.ssa-style-flat .ssa-teacher-card.ssa-prog-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(var(--ssa-program-accent-rgb, 7, 78, 116), 0.45) !important;
  box-shadow: 0 12px 30px rgba(7, 47, 65, 0.09) !important;
}

/* Media sits flush with outer card edges */
body.ssa-style-flat .ssa-prog-card .ssa-prog-card__media,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media,
body.ssa-style-flat .ssa-teacher-card .ssa-prog-card__media,
body.ssa-style-flat .ssa-teacher-card.ssa-prog-card .ssa-prog-card__media {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-bottom: 1px solid var(--ssa-navy-50, #F0F4F6) !important;
}

/* Flush card body (no floating inner glass margins) */
body.ssa-style-flat .ssa-prog-card .ssa-prog-card__body,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__body,
body.ssa-style-flat .ssa-teacher-card .ssa-prog-card__body,
body.ssa-style-flat .ssa-teacher-card.ssa-prog-card .ssa-prog-card__body {
  margin: 0 !important;
  padding: var(--ssa-space-card-content, clamp(18px, 2vw, 24px)) !important;
  border: none !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* Media Badges in Programs Grid (Flat Style) - Nền trắng chữ #072F41 */
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-card__media .ssa-prog-badge,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge,
body.ssa-style-flat .ssa-prog-card .ssa-prog-badge,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--yellow,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--4-6,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--blue,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--7-11,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--green,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--12-15,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--orange,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--15-18,
body.ssa-style-flat .ssa-programs-grid .ssa-prog-badge--ielts,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--yellow,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--4-6,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--blue,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--7-11,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--green,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--12-15,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--orange,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--15-18,
body.ssa-style-flat .ssa-prog-card__media .ssa-prog-badge--ielts,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--yellow,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--4-6,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--blue,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--7-11,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--green,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--12-15,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--orange,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--15-18,
body.ssa-style-flat .ssa-prog-card.ssa-card--program .ssa-prog-card__media .ssa-prog-badge--ielts {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #072F41 !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.10) !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   6. SEAMLESS FLAT RESOURCE & ARTICLE CARDS (.ssa-res-card / .ssa-article-card)
   ========================================================================== */
body.ssa-style-flat .ssa-res-card,
body.ssa-style-flat .ssa-article-card {
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--radius-2xl, 22px) !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
  transition: transform var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease),
              border-color var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease),
              box-shadow var(--ssa-duration-standard, 320ms) var(--ssa-ease-standard, ease) !important;
}

body.ssa-style-flat .ssa-res-card:hover,
body.ssa-style-flat .ssa-article-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(var(--ssa-navy-rgb, 7, 78, 116), 0.40) !important;
  box-shadow: 0 12px 28px rgba(7, 47, 65, 0.09) !important;
}

body.ssa-style-flat .ssa-res-card .ssa-res-card__media,
body.ssa-style-flat .ssa-article-card .ssa-article-card__media {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-bottom: 1px solid var(--ssa-navy-50, #F0F4F6) !important;
}

body.ssa-style-flat .ssa-res-card .ssa-res-card__body,
body.ssa-style-flat .ssa-article-card .ssa-article-card__body {
  margin: 0 !important;
  padding: var(--ssa-space-card-content, clamp(18px, 2vw, 24px)) !important;
  border: none !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-article-card__category {
  background: var(--ssa-navy-900, #072F41) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  box-shadow: 0 2px 6px rgba(7, 47, 65, 0.15) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   7. BENEFIT PILL CARDS (.ssa-why-pill-card / .ssa-card--craft)
   ========================================================================== */
body.ssa-style-flat .ssa-card--craft,
body.ssa-style-flat .ssa-why-pill-card,
body.ssa-style-flat .ssa-why-pill-card.ssa-card--craft,
body.ssa-style-flat .ssa-why-pill-card[class*="edge-"],
body.ssa-style-flat .ssa-why-pill-card[class*="ssa-why-pill-card--"] {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-card--craft:hover,
body.ssa-style-flat .ssa-why-pill-card:hover,
body.ssa-style-flat .ssa-why-pill-card.ssa-card--craft:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(var(--ssa-card-accent-rgb, 7, 78, 116), 0.40) !important;
  box-shadow: 0 10px 24px rgba(7, 47, 65, 0.08) !important;
}


/* ==========================================================================
   8. LEARNING PATH ROADMAP (.ssa-path-step__card / .ssa-path-cta)
   ========================================================================== */
body.ssa-style-flat .ssa-path-step__card {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-path-step:hover .ssa-path-step__card {
  transform: translateY(-5px) !important;
  border-color: rgba(var(--ssa-step-accent-rgb, 11, 79, 108), 0.40) !important;
  box-shadow: 0 12px 28px rgba(7, 47, 65, 0.08) !important;
}

body.ssa-style-flat .ssa-path-step__node {
  box-shadow: 0 4px 12px rgba(7, 47, 65, 0.12) !important;
  border: 3px solid #FFFFFF !important;
}

body.ssa-style-flat .ssa-path-cta {
  background: var(--ssa-navy-900, #072F41) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 8px 24px rgba(7, 47, 65, 0.14) !important;
}

/* ==========================================================================
   9. FACILITY CARDS (.ssa-facility-card)
   ========================================================================== */
body.ssa-style-flat .ssa-facility-card {
  padding: 0 !important;
  border-radius: var(--radius-2xl, 22px) !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-facility-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(var(--ssa-orange-rgb, 247, 127, 0), 0.35) !important;
  box-shadow: 0 12px 28px rgba(7, 47, 65, 0.08) !important;
}

body.ssa-style-flat .ssa-facility-card__media {
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ssa-navy-50, #F0F4F6) !important;
}

body.ssa-style-flat .ssa-facility-card__body {
  padding: var(--ssa-space-card-content, clamp(18px, 2vw, 22px)) !important;
}

body.ssa-style-flat .ssa-facility-card__badge {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.12) !important;
}

/* ==========================================================================
   10. SINGLE TEACHER DOSSIER & PROFILE CARDS
   ========================================================================== */
body.ssa-style-flat .ssa-dossier-card {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-dossier-card--quote {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-left: 4px solid var(--ssa-secondary, #007542) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-teacher-identity,
body.ssa-style-flat .ssa-teacher-consult-box {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-teacher-portrait-frame {
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 4px 16px rgba(7, 47, 65, 0.06) !important;
}

/* ==========================================================================
   11. TESTIMONIALS, STORIES & EDITORIAL CARDS
   ========================================================================== */
body.ssa-style-flat .ssa-testimonial-card,
body.ssa-style-flat .ssa-card--story,
body.ssa-style-flat .ssa-card--proof,
body.ssa-style-flat .ssa-outcome-card,
body.ssa-style-flat .ssa-learning-stage__card {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-event-card,
body.ssa-style-flat .ssa-album-card {
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-event-card__status,
body.ssa-style-flat .ssa-album-card__tag,
body.ssa-style-flat .ssa-album-card__date {
  background: var(--ssa-navy-900, #072F41) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  box-shadow: 0 2px 6px rgba(7, 47, 65, 0.15) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   12. FLOATING ACTION BUTTONS (HOTLINE / ZALO)
   ========================================================================== */
body.ssa-style-flat .ssa-floating-btn,
body.ssa-style-flat .ssa-floating-btn {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 4px 16px rgba(7, 47, 65, 0.12) !important;
}

/* ==========================================================================
   13. BREADCRUMBS & PREFOOTER PILLS
   ========================================================================== */
body.ssa-style-flat .ssa-breadcrumb-bar {
  background: #FFFFFF !important;
  background-image: none !important;
  border-bottom: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 1px 4px rgba(7, 47, 65, 0.03) !important;
}

body.ssa-style-flat .ssa-breadcrumb-bar::after {
  display: none !important;
}

body.ssa-style-flat .ssa-breadcrumb,
body.ssa-style-flat .ssa-breadcrumbs__nav,
body.ssa-style-flat .ssa-breadcrumbs__wrapper {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 6px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-breadcrumb a {
  color: var(--ssa-primary, #074E74) !important;
}

body.ssa-style-flat .ssa-breadcrumb a:hover {
  color: var(--ssa-secondary, #007542) !important;
}

body.ssa-style-flat .ssa-breadcrumb__current {
  color: var(--ssa-ink-700, #334155) !important;
  font-weight: 700 !important;
}

body.ssa-style-flat .ssa-prefooter__eyebrow {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 1px 4px rgba(7, 47, 65, 0.04) !important;
}

/* Social icons in footer */
body.ssa-style-flat .ssa-social-circle,
body.ssa-style-flat .ssa-contact-icon {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: none !important;
}

/* ==========================================================================
   14. ACCORDIONS, MODALS & INPUTS
   ========================================================================== */
body.ssa-style-flat .ssa-faq-accordion__item {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 1px 4px rgba(7, 47, 65, 0.03) !important;
}

body.ssa-style-flat .ssa-faq-accordion__item.is-open {
  border-color: var(--ssa-primary, #074E74) !important;
  box-shadow: 0 4px 14px rgba(7, 47, 65, 0.06) !important;
}

body.ssa-style-flat .ssa-form__input,
body.ssa-style-flat .ssa-form__select,
body.ssa-style-flat .ssa-form__textarea {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: inset 0 1px 2px rgba(7, 47, 65, 0.03) !important;
}

body.ssa-style-flat .ssa-form__input:focus,
body.ssa-style-flat .ssa-form__select:focus,
body.ssa-style-flat .ssa-form__textarea:focus {
  border-color: var(--ssa-primary, #074E74) !important;
  box-shadow: 0 0 0 3px rgba(7, 78, 116, 0.12) !important;
}

body.ssa-style-flat .ssa-modal__dialog {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 16px 48px rgba(7, 47, 65, 0.16) !important;
}

/* ==========================================================================
   15. CAREERS HUB & JOB POSTINGS (/tuyen-dung/)
   ========================================================================== */
/* Section Backgrounds (Remove all radial/linear gradients & lighting halos) */
body.ssa-style-flat .ssa-jobboard-section,
body.ssa-style-flat .ssa-culture-section,
body.ssa-style-flat .ssa-benefits-section,
body.ssa-style-flat .ssa-process-section,
body.ssa-style-flat .ssa-concierge-section,
body.ssa-style-flat .ssa-stats-section.ssa-metrics-bar {
  background-image: none !important;
  background-color: #FFFFFF !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-jobboard-section {
  background-color: var(--ssa-navy-50, #F0F4F6) !important;
}

body.ssa-style-flat .ssa-benefits-section,
body.ssa-style-flat .ssa-concierge-section {
  background-color: var(--ssa-navy-50, #F0F4F6) !important;
}

/* Careers Subnav Pill */
body.ssa-style-flat .ssa-careers-subnav .ssa-about-subnav__wrapper,
body.ssa-style-flat .ssa-careers-subnav .ssa-careers-subnav__wrapper,
body.ssa-style-flat .ssa-about-subnav__wrapper {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.05) !important;
}

body.ssa-style-flat .ssa-careers-subnav .ssa-about-subnav__item.is-active,
body.ssa-style-flat .ssa-careers-subnav .ssa-subnav-link.is-active,
body.ssa-style-flat .ssa-careers-subnav li.active a,
body.ssa-style-flat .ssa-about-subnav__link.is-active {
  background: var(--ssa-navy-900, #072F41) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* Job Cards & Filter Dock */
body.ssa-style-flat .ssa-job-card {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  border-radius: var(--radius-2xl, 22px) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-job-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(var(--ssa-navy-rgb, 7, 78, 116), 0.40) !important;
  box-shadow: 0 10px 26px rgba(7, 47, 65, 0.08) !important;
}

body.ssa-style-flat .ssa-filter-dock {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 8px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-filter-pill,
body.ssa-style-flat .ssa-dept-filter-btn {
  background: var(--ssa-navy-50, #F0F4F6) !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  color: var(--ssa-navy-900, #072F41) !important;
  box-shadow: none !important;
}

body.ssa-style-flat .ssa-filter-pill:hover,
body.ssa-style-flat .ssa-filter-pill.is-active,
body.ssa-style-flat .ssa-dept-filter-btn.is-active {
  background: var(--ssa-primary, #074E74) !important;
  border-color: var(--ssa-primary, #074E74) !important;
  color: #FFFFFF !important;
}

body.ssa-style-flat .ssa-pill-count {
  background: rgba(0, 0, 0, 0.08) !important;
}

body.ssa-style-flat .ssa-filter-pill.is-active .ssa-pill-count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}

body.ssa-style-flat .ssa-search-bar input {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
}

body.ssa-style-flat .ssa-search-bar input:focus {
  border-color: var(--ssa-primary, #074E74) !important;
  box-shadow: 0 0 0 3px rgba(7, 78, 116, 0.12) !important;
}

/* Bento Cards: EVP, Culture, Benefits, Process (Solid White Flat Elevation) */
body.ssa-style-flat .ssa-careers-evp-card,
body.ssa-style-flat .ssa-bento-card,
body.ssa-style-flat .ssa-culture-card,
body.ssa-style-flat .ssa-benefit-card,
body.ssa-style-flat .ssa-process-card,
body.ssa-style-flat .ssa-card-mau,
body.ssa-style-flat .ssa-stat-card {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}

body.ssa-style-flat .ssa-careers-evp-card:hover,
body.ssa-style-flat .ssa-culture-card:hover,
body.ssa-style-flat .ssa-benefit-card:hover,
body.ssa-style-flat .ssa-process-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(7, 47, 65, 0.08) !important;
}

/* Concierge Card: Solid Flat Navy #072F41 with Crisp High-Contrast Pure White Text */
body.ssa-style-flat .ssa-concierge-card {
  background: var(--ssa-navy-900, #072F41) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 24px rgba(7, 47, 65, 0.14) !important;
  color: #FFFFFF !important;
}

body.ssa-style-flat .ssa-concierge-title {
  color: #FFFFFF !important;
}

body.ssa-style-flat .ssa-concierge-desc {
  color: #E2E8F0 !important;
}

body.ssa-style-flat .ssa-concierge-phone,
body.ssa-style-flat .ssa-concierge-email {
  color: #F8FAFC !important;
}

body.ssa-style-flat .ssa-concierge-phone:hover,
body.ssa-style-flat .ssa-concierge-email:hover {
  color: var(--ssa-accent, #F77F00) !important;
}

body.ssa-style-flat .ssa-badge-gold {
  background: rgba(247, 127, 0, 0.22) !important;
  color: #FED7AA !important;
  border: 1px solid rgba(247, 127, 0, 0.50) !important;
}

body.ssa-style-flat .ssa-badge.ssa-badge-type,
body.ssa-style-flat .ssa-badge-type {
  background: #FFF7ED !important;
  background-color: #FFF7ED !important;
  color: #C2410C !important;
  border: 1px solid rgba(247, 127, 0, 0.26) !important;
  border-radius: var(--ssa-radius-pill, 20px) !important;
}

/* Modal Apply */
body.ssa-style-flat .ssa-modal-backdrop {
  background: rgba(7, 47, 65, 0.70) !important;
}

body.ssa-style-flat .ssa-modal-card,
body.ssa-style-flat .ssa-job-modal__dialog {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 16px 48px rgba(7, 47, 65, 0.16) !important;
}

/* Single Job Posting Page */
body.ssa-style-flat .ssa-career-hero,
body.ssa-style-flat .ssa-career-dossier,
body.ssa-style-flat .ssa-career-sidebar__card,
body.ssa-style-flat .ssa-career-apply-card,
body.ssa-style-flat .ssa-career-meta-box {
  background: #FFFFFF !important;
  border: 1px solid var(--ssa-border, #D9E3E8) !important;
  box-shadow: 0 2px 10px rgba(7, 47, 65, 0.04) !important;
}