/**
 * Trang page (center, blog, corner) load style.css — ghi đè khi dùng menu revamp.
 */
.fixed-nav .container,
#banner-section-page .container {
  top: 0;
  padding: 0 2px;
}

#banner-section-page {
  min-height: 88px;
  height: auto;
  background: #BCDAF2;
}

#banner-section-page .header .main-menu,
.fixed-nav .header .main-menu {
  left: 0;
  justify-content: center;
}

#banner-section-page .header .logo,
.fixed-nav .header .logo {
  max-width: 300px;
  flex-shrink: 0;
}

#banner-section-page .header .logo img,
.fixed-nav .header .logo img {
  width: 255px;
  height: 36px;
}

#banner-section-page .header .main-menu ul li,
.fixed-nav .header .main-menu ul li {
  padding: 16px 8px 16px 5px;
}

#banner-section-page .header,
.fixed-nav .header {
  gap: 12px;
}

#banner-section-page .header .main-menu,
.fixed-nav .header .main-menu {
  flex: 1;
  min-width: 0;
}

#banner-section-page .header-action,
.fixed-nav .header-action {
  display: flex;
  flex-shrink: 0;
}

/* Sóng he-thong-trung-tam — ghi đè style.css .wave-blog-detail { z-index: 9 } */
#banner-section-page ~ .wave-blog-detail.wave-central {
  position: relative;
  z-index: 0 !important;
}


/* kham-pha-the-gioi-dong-vat-qua-tieng-anh-cung-apollo-english.blade.php - ghi đè style.css */
.banner-section {
  background: #bcdaf2;
}

/* /teach — menu fixed 80px, bỏ margin âm banner (teacher.css / style.css) */
.main.teach-home-fixed-header .banner-blog-detail {
  margin-top: 0;
}

/* /tieng-anh-tre-em/download/* — header fixed 80px (class trên body trong app.blade.php) */
.revamp-header-download .wrapper {
  padding-top: 80px;
}

/* Menu mobile revamp — ghi đè style.css (căn giữa) */

.mobile-menu .main-menu > ul {
  width: 100%;
  text-align: left;
}

.mobile-menu .main-menu ul li {
  text-align: left ;
  width: 100%;
}

.mobile-menu .main-menu .sub-menu {
  justify-content: flex-start ;
  width: 100%;
}

.mobile-menu .main-menu .sub-menu ul li {
  text-align: left ;
}

.mobile-menu .main-menu .language {
  align-self: flex-start;
}

/* Ẩn menu fixed trên mobile khi mở overlay (#mobile-menu) */
  body:has(.mobile-menu.mobile-menu-active) .fixed-nav {
    display: none ;
  }

html[lang="en"] .policy_submit {
  max-width: 330px;
}

.section-parents {
  padding-top: 70px;
}