/* ===================================================================
   FHG BASE — bien mau, font, layout chung cho cac template FHG
   Chuyen tu themes/FHG/base.css.
   KHAC BAN GOC: reset duoc gioi han trong .fhg-page va class doi tien to
   'fhg-' de khong ghi de Bootstrap (.container) hay CSS cua theme.
   =================================================================== */

@font-face {
  font-family: 'SVN-Gotham';
  src: url('../fonts/SVN-GothamBook.woff2') format('woff2');
  font-weight: 300 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SVN-Gotham';
  src: url('../fonts/SVN-Gotham.woff2') format('woff2');
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SVN-Gotham';
  src: url('../fonts/SVN-GothamBold.woff2') format('woff2');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

.fhg-page {
  --text-body:   #333333;
  --text-dark:   #4a4a4a;
  --text-title:  #555555;
  --heading:     #2b2b2b;
  --line:        #d8d8d8;
  --orange:      #f9a95a;
  --max-width:   1280px;

  font-family: 'SVN-Gotham', 'Segoe UI', Arial, sans-serif;
  color: var(--text-body);
  background: #fff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ------------------------------------------------------------------
   RESET — chi trong .fhg-page
   Do dac hieu phai nam GIUA hai muc:
     - PHAI thang Bootstrap reboot (p{margin-bottom:1rem}, h1..h6, ul...) = 0-0-1
     - PHAI THUA CSS cua tung trang (.fhg-brand__intro{margin:34px auto 0}) = 0-1-0
   => dung :where(.fhg-page) (dong gop 0) + ten the (dong gop 1) = 0-0-1,
   va file nay nap sau Bootstrap nen hoa do dac hieu thi minh thang.
   Viet '.fhg-page p' se thanh 0-1-1 va de mat margin cua chinh thiet ke.
   ------------------------------------------------------------------ */
:where(.fhg-page) *,
:where(.fhg-page) *::before,
:where(.fhg-page) *::after { box-sizing: border-box; }

:where(.fhg-page) h1, :where(.fhg-page) h2, :where(.fhg-page) h3,
:where(.fhg-page) h4, :where(.fhg-page) h5, :where(.fhg-page) h6,
:where(.fhg-page) p,  :where(.fhg-page) ul,  :where(.fhg-page) ol,
:where(.fhg-page) li, :where(.fhg-page) dl,  :where(.fhg-page) dd,
:where(.fhg-page) figure, :where(.fhg-page) blockquote,
:where(.fhg-page) fieldset, :where(.fhg-page) legend,
:where(.fhg-page) label,  :where(.fhg-page) table {
  margin: 0;
  padding: 0;
}

:where(.fhg-page) img { max-width: 100%; display: block; }
:where(.fhg-page) ul  { list-style: none; }
:where(.fhg-page) a   { text-decoration: none; color: inherit; }

.fhg-container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}

/* Sprite icon — an nhung van cho <use> tham chieu duoc */
.fhg-sprite {
  position: absolute;
  width: 0; height: 0;
  overflow: hidden;
}

/* Anh nen du phong khi link anh hong / chua tai xong */
.fhg-media-holder { background: linear-gradient(135deg, #ededed, #dcdcdc); }

/* ===================================================================
   TIEU DE TRANG (dung chung)
   Sao y style tieu de "OUR BRAND" (.fhg-brand__title trong fhg-brand.css)
   nhung dat o day de cac trang FHG khac dung lai duoc, khong phai chep trung.
   =================================================================== */
.fhg-page-head { text-align: center; }

.fhg-page-title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: var(--orange);
}

.fhg-page-intro {
  max-width: 1000px;
  margin: 34px auto 0;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .fhg-page-title { font-size: 30px; letter-spacing: 4px; }
}

@media (max-width: 560px) {
  .fhg-page-title { font-size: 24px; }
  .fhg-page-intro { font-size: 14px; }
}