/**
 * Restore Bootstrap grid/layout cho header & footer trên trang Phân Biệt.
 * Phan-biet CSS (Flatsome) override .container, .row, .col globally → header/footer vỡ.
 * File này load cuối, restore Bootstrap CHỈ cho header và footer.
 * Nội dung #wrapper giữ Flatsome; header/footer dùng Bootstrap.
 */

/* Navbar header */
@media (min-width: 1024px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  body.page-template-page-phan-biet-hitclub-that-gia-php header .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  body.page-template-page-phan-biet-hitclub-that-gia-php header .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 576px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .container,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .container {
    max-width: 1320px;
  }
}

body.page-template-page-phan-biet-hitclub-that-gia-php header .row,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

body.page-template-page-phan-biet-hitclub-that-gia-php header .row > *,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

body.page-template-page-phan-biet-hitclub-that-gia-php header .col,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col {
  flex: 1 0 0%;
}

body.page-template-page-phan-biet-hitclub-that-gia-php header .col-1,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-1 { flex: 0 0 auto; width: 8.33333333%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-2,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-2 { flex: 0 0 auto; width: 16.66666667%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-3,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-3 { flex: 0 0 auto; width: 25%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-4,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-4 { flex: 0 0 auto; width: 33.33333333%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-5,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-5 { flex: 0 0 auto; width: 41.66666667%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-6,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-6 { flex: 0 0 auto; width: 50%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-7,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-7 { flex: 0 0 auto; width: 58.33333333%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-8,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-8 { flex: 0 0 auto; width: 66.66666667%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-9,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-9 { flex: 0 0 auto; width: 75%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-10,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-10 { flex: 0 0 auto; width: 83.33333333%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-11,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-11 { flex: 0 0 auto; width: 91.66666667%; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .col-12,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-12 { flex: 0 0 auto; width: 100%; }

body.page-template-page-phan-biet-hitclub-that-gia-php header .col-auto,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-auto { flex: 0 0 auto; width: auto; }

@media (min-width: 768px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .col-md-4,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  body.page-template-page-phan-biet-hitclub-that-gia-php header .col-md-6,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-md-6 { flex: 0 0 auto; width: 50%; }
}

@media (min-width: 992px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .col-lg-3,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-lg-3 { flex: 0 0 auto; width: 25%; }
}

@media (min-width: 1200px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .col-xl-3,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .col-xl-3 { flex: 0 0 auto; width: 25%; }
}

/* Bootstrap utilities cho header/footer */
body.page-template-page-phan-biet-hitclub-that-gia-php header .mx-auto,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .mx-auto { margin-right: auto !important; margin-left: auto !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .mb-2,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .mb-2 { margin-bottom: 0.5rem !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .mb-4,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .mb-4 { margin-bottom: 1.5rem !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .mb-5,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .mb-5 { margin-bottom: 3rem !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .mb-md-0,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .mb-md-0 { margin-bottom: 0 !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .d-flex,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .d-flex { display: flex !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .justify-content-center,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .justify-content-center { justify-content: center !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .align-items-start,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .align-items-start { align-items: flex-start !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .text-start,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-start { text-align: left !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .text-center,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-center { text-align: center !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .text-lg-start,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-lg-start { text-align: left !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .pt-4,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .pt-4 { padding-top: 1.5rem !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .pb-3,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .pb-3 { padding-bottom: 1rem !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .fw-bold,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .fw-bold { font-weight: 700 !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .text-uppercase,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-uppercase { text-transform: uppercase !important; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .h6,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .h6 { margin-top: 0; margin-bottom: 0.5rem; font-size: 1rem; }
body.page-template-page-phan-biet-hitclub-that-gia-php header .text-reset,
body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-reset { color: inherit !important; text-decoration: none !important; }

@media (min-width: 992px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .text-lg-start,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .text-lg-start { text-align: left !important; }
}

@media (min-width: 768px) {
  body.page-template-page-phan-biet-hitclub-that-gia-php header .mb-md-0,
  body.page-template-page-phan-biet-hitclub-that-gia-php footer .mb-md-0 { margin-bottom: 0 !important; }
}