/* ==========================================================================
   GLOBAL MINIMALIST PALETTE — FINAL OVERRIDE PASS
   Forces clean, subtle, neutral tones across ALL legacy classes.
   ========================================================================== */

/* ── BODY & PAGE ── */
html, body {
  background-color: #F9FAFB !important; /* Subtle cool grey */
  color: #111827 !important;
}

/* ── NAVBAR / MENU BAR ── */
.bar1 {
  background: #FFFFFF !important;
  border-bottom: 1px solid #F3F4F6 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.bar1 .menu {
  background: transparent !important;
}
/* Nav links */
.bar1 .menu-box .box2 ul li a,
.bar1 .menu-box .box3 ul li a {
  color: #4B5563 !important;
}
.bar1 .menu-box .box2 ul li a:hover,
.bar1 .menu-box .box3 ul li a:hover,
.bar1 .menu-box .box2 ul li.active a {
  color: #111827 !important;
  border-bottom-color: #E20613 !important; /* TOA Red */
}
/* Search box input */
.bar1 .search-box input {
  background: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #111827 !important;
}
/* Search / icon buttons */
.bar1 .btnSearch, .bar1 .btnMenu a {
  color: #4B5563 !important;
}

/* ── FOOTER ── */
.footer-container, footer, .container-fluid.footer {
  background: #111827 !important;
  border-top: 1px solid #1F2937 !important;
}

/* ── HERO PAGE BANNERS (used on all secondary pages) ── */
.toa-hero-banner {
  background: #111827 !important;
  border-bottom-color: #1F2937 !important;
}

/* ── ALL PAGE SECTION CONTAINERS ── */
.container-fluid,
.video-container,
.distributor-container,
.contact-box-container,
.careers-container,
.project-container,
.knowledge,
.preference,
.about-box-container,
.news-container {
  background-color: #F9FAFB !important;
}

/* White override for specific content sections that need white */
.frm-submit,
.job-box .box,
.about-box-container .item-box,
.knowledge-detail-container .box1,
.knowledge-detail-container .box2 {
  background: #FFFFFF !important;
}

/* ── CARDS — unified minimal style ── */
.video-box .box,
.distributor-box .box,
.preference .box,
.news-container .item-box,
.knowledge .list-video .video-box .box,
.box.box-video2,
.product-card,
.product-item {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
.video-box .box:hover,
.distributor-box .box:hover,
.preference .box:hover,
.news-container .item-box:hover,
.knowledge .list-video .video-box .box:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px) !important;
}

/* ── HEADINGS & TEXT ── */
.txt-box h1, .txt-box h2,
.item-box h1, .item-box h2,
.about-box .item-box h1 {
  color: #111827 !important;
}
.txt-box p, .txt-box h3,
.item-box p, .job-box .job p,
.about-box .item-box p {
  color: #4B5563 !important;
}

/* ── PRODUCT SIDEBAR / FILTERS (subtle & clean) ── */
.left-menu-modern,
.sidebar-header,
.filter-header {
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
}
.left-menu-modern .sidebar-header {
  background: #F3F4F6 !important;
  border-bottom: 1px solid #E5E7EB !important;
}
.left-menu-modern .sidebar-header h2 {
  color: #111827 !important;
}
.left-menu-modern .sidebar-header p {
  color: #6B7280 !important;
}
.filter-group-item:hover,
.filter-option:hover {
  background: #F9FAFB !important;
}
/* Ensure the filter text colors are clean */
.filter-group-title {
  color: #111827 !important;
}
.filter-option {
  color: #4B5563 !important;
}

/* ── FORMS — minimal inputs ── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  background: #FFFFFF !important;
  border-color: #D1D5DB !important;
  color: #111827 !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #111827 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(17,24,39,0.1) !important;
}

/* ── BUTTONS ── */
.btn-submit-contact,
.cu-submit-btn,
.job-box .job .btnApply,
.btn-primary-dark {
  background: #111827 !important;
  color: #FFFFFF !important;
}
.btn-submit-contact:hover,
.cu-submit-btn:hover,
.job-box .job .btnApply:hover {
  background: #E20613 !important; /* TOA Red */
  color: #FFFFFF !important;
}

/* ── LEGACY bright white page backgrounds ── */
.container-fluid.video-container { background: #F9FAFB !important; }
.container-fluid.preference     { background: #F9FAFB !important; }
.container-fluid.knowledge      { background: #F9FAFB !important; }

/* ── JOB PAGE ── */
.job-box .job { border-bottom-color: #F3F4F6 !important; }
.job-box .job h1 { color: #111827 !important; }
.job-box .job p  { color: #4B5563 !important; }
.job-box .job .date { color: #9CA3AF !important; }

/* ── KNOWLEDGE DETAIL ── */
.knowledge-detail-container { background: #F9FAFB !important; }
.knowledge-detail-container .box2 ul li a:hover { background: #F3F4F6 !important; }

/* ── DISTRIBUTOR CONTACTS FOOTER ── */
.distributor-box .box .txt-box ul { background: #1F2937 !important; }
.distributor-box .box .txt-box ul li a { color: #D1D5DB !important; }
.distributor-box .box .txt-box ul li a:hover { color: #FFFFFF !important; }

/* ── ABOUT PAGE ── */
.about-box-container { background: #F9FAFB !important; }
.about-box-container.bg-2 { background: #F3F4F6 !important; }

/* ── PRODUCT PAGE bright overrides ── */
.catalog-header { background: transparent !important; }
.product-grid-container { background: #F9FAFB !important; }
.no-products-msg {
  background: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #6B7280 !important;
}

/* ── ACCENT MOMENTS ── */
.job-detail-container .job-description h1 {
  border-left-color: #E20613 !important; /* TOA Red */
  background: #F3F4F6 !important;
}
.cu-context-meta-item i { color: #E20613 !important; }

/* ── SCROLL / SELECTION ── */
::selection {
  background: #DBEAFE;
  color: #111827;
}