/* ============================================================
   Pharma360 2026 – COMPAT (Claude Code thêm 2026-11-04)
   Dùng header/footer giao diện 2026 bên trong 3 layout CŨ (SiteLayout / SiteCbLayout / SiteNullLayout)
   trong khi THÂN TRANG vẫn là Bootstrap 3 + csshop.css + JS của _Footer cũ.
   Nạp SAU bundle ~/content/css và sau p360-base/components/layout.
   - body.p360-old: đẩy nội dung xuống dưới header cố định (csshop có body{padding-top} dùng !important ở mobile → phải !important).
   - .p360-oldwrap: bọc header/footer mới để font/chữ/link theo token p360 mà không đụng thân trang cũ
     (reset thẻ của p360-base.css chỉ áp dụng trong phần tử có class .p360).
   - #cs-footer: ẩn phần HIỂN THỊ của footer cũ; _Footer.cshtml vẫn được gọi vì chứa JS toàn site (tìm việc, phân trang,
     popup đăng nhập lại, chosen/owl/jssor, Facebook SDK, pixel, hotline…).
   ============================================================ */
body.p360-old { padding-top: var(--p360-header-h) !important; }
body.p360-old.p360-has-topbar { padding-top: calc(var(--p360-header-h) + var(--p360-topbar-h)) !important; }

.p360-oldwrap {
  font-family: var(--p360-font);
  font-size: var(--p360-fs-base);
  line-height: var(--p360-lh);
  color: var(--p360-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p360-oldwrap *, .p360-oldwrap *::before, .p360-oldwrap *::after { box-sizing: border-box; }
/* Bootstrap 3 đặt label/button/img/ul kiểu riêng – trả về mặc định trong vùng header/footer mới */
.p360-oldwrap label { font-weight: inherit; margin-bottom: 0; }
.p360-oldwrap ul, .p360-oldwrap ol { margin-top: 0; }
.p360-oldwrap button, .p360-oldwrap input, .p360-oldwrap select { font-family: inherit; }
.p360-oldwrap .p360-footer { margin-top: var(--p360-sp-10); }

/* Footer cũ: chỉ ẩn khối hiển thị; các khối theo sau (loading, modal đăng nhập lại, hotline, script) giữ nguyên */
#cs-footer { display: none !important; }

/* Hotline nổi cũ của _Footer (a.fancybox > #milistore-alo-phoneIcon + .sdthl, CSS từ hotline.css) – thay bằng _P360FloatButtons (04/11) */
a.fancybox[href^="tel:"], #milistore-alo-phoneIcon, .sdthl { display: none !important; }

/* Thanh cảnh báo gói tin (.p360-notice-bar) do header mới render – thay _NoteForSite cũ */
body.p360-old .p360-notice-bar { position: relative; z-index: 1; }