/* =====================================================================
   NOMA MOBILE — Cổng hiển thị theo màn hình (breakpoint 768px)
   - <=767px (điện thoại): hiện giao diện NOMA mobile.
   - >=768px (iPad + desktop): GIỮ NGUYÊN WoodMart, không đổi.
   2 chế độ (theo body class do loader thêm):
   - body.noma-mapped : trang đã dựng NOMA → ẩn TOÀN BỘ WoodMart, hiện .noma-m.
   - body.noma-menubar: trang khác (home/giỏ/checkout…) → CHỈ thay header bằng
     thanh .noma-m-bar (1 menu thống nhất), GIỮ thân trang WoodMart bên dưới.
   ===================================================================== */

.noma-m { display: none; }   /* mặc định ẩn — desktop/iPad không thấy */

@media (max-width: 767px) {
  /* ----- Trang NOMA: thay toàn bộ ----- */
  body.noma-mapped > .wd-page-wrapper.website-wrapper { display: none !important; }
  body.noma-mapped .noma-m {
    display: block; position: relative; z-index: 1;
    width: 100%; min-height: 100vh; background: #fff;
  }
  body.noma-mapped .noma-m > iframe.noma-m-frame {
    display: block; width: 100%; min-height: 100vh; border: 0;
  }

  /* ----- Trang khác: chỉ thay header (1 menu thống nhất) ----- */
  body.noma-menubar .noma-m-bar { display: block; background: #fff; }
  /* Ẩn header WoodMart trên mobile để không có 2 thanh/2 menu */
  body.noma-menubar .whb-header { display: none !important; }
}

@media (min-width: 768px) {
  .noma-m { display: none !important; }   /* desktop/iPad: không bao giờ hiện NOMA */
}

@media (max-width: 767px){
  /* Ẩn nút cuộn-lên của WoodMart đè lên nội dung NOMA */
  body.noma-mapped > .scrollToTop,
  body.noma-mapped a.scrollToTop{ display:none !important; }
}