/*
 * VAT.SUPPORT - Master Override CSS
 * Forces consistent fonts and widths across entire site
 */

/* ============================================
   FORCE CONSISTENT FONTS SITE-WIDE
   ============================================ */

/* Sans-serif for all body text */
body,
body *,
p, span, div, a, li, td, th, label,
.hero-title, .vat-hero-title,
h1, h2, h3, h4, h5, h6,
[style*="font-family"] {
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Serif ONLY for italic emphasis text */
em, i,
h1 em, h2 em, h3 em,
[style*="italic"],
.hero-section h1 em,
.vat-hero-title em,
.hero-title em {
  font-family: Georgia, "Songti SC", "SimSun", "Times New Roman", serif !important;
  font-style: italic !important;
}

/* ============================================
   FORCE CONSISTENT WIDTHS SITE-WIDE
   ============================================ */

/* Override all container widths to 1000px */
[style*="max-width: 1140px"],
[style*="max-width:1140px"],
[style*="max-width: 1100px"],
[style*="max-width:1100px"],
[style*="max-width: 1000px"],
[style*="max-width:1000px"],
[style*="max-width: 900px"],
[style*="max-width:900px"],
[style*="max-width: 860px"],
[style*="max-width:860px"],
[style*="max-width: 820px"],
[style*="max-width:820px"],
[style*="max-width: 800px"],
[style*="max-width:800px"] {
  max-width: 1000px !important;
}

/* ============================================
   OTHER FIXES
   ============================================ */

/* Hide theme jumbotron */
.page-template-default .py-5.py-xl-6.bg-light-subtle {
  display: none !important;
}

/* Fix mobile menu */
.offcanvas .sub-menu,
.offcanvas .offcanvas-menu-list .sub-menu {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  [style*="padding:80px"] { padding: 48px 20px !important; }
  [style*="padding:64px"] { padding: 40px 20px !important; }
  [style*="padding: 80px"] { padding: 48px 20px !important; }
  [style*="padding: 64px"] { padding: 40px 20px !important; }
}
