/**
 * Global Font Family Override
 * Ensures consistent font usage across the entire website
 * Using Graphik as the primary font with fallback system fonts
 * IMPORTANT: Excludes icon fonts (Font Awesome, Flaticon) to preserve icon rendering
 */

/* Apply Graphik font family to all elements EXCEPT icons */
*:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.flaticon):not([class*="flaticon-"]):not([class*="icon-"]):not(i[class*="fa-"]) {
  font-family: "Graphik", sans-serif !important;
}

/* Ensure body uses Graphik */
body {
  font-family: "Graphik", sans-serif !important;
}

/* Preserve Font Awesome icons */
.fa, .fas, .far, .fab, .fal, .fad, 
i[class*="fa-"], 
[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
}

/* Preserve Flaticon icons */
.flaticon, [class*="flaticon-"], [class*="icon-"] {
  font-family: "Flaticon" !important;
}

/* All headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Graphik", sans-serif !important;
  color: #050B41 !important;
}

/* Paragraphs and text */
p, span, div, a, li, td, th, label, input, textarea, select, button {
  font-family: "Graphik", sans-serif !important;
}

/* Form elements */
.form-control, .form-select, .form-check-label {
  font-family: "Graphik", sans-serif !important;
}

/* Buttons */
.btn, button, .button {
  font-family: "Graphik", sans-serif !important;
}

/* Navigation */
.nav, .navbar, .menu {
  font-family: "Graphik", sans-serif !important;
}

/* Cards and components */
.card, .card-body, .card-title, .card-text {
  font-family: "Graphik", sans-serif !important;
}

/* Modal */
.modal, .modal-dialog, .modal-content, .modal-header, .modal-body, .modal-footer {
  font-family: "Graphik", sans-serif !important;
}

/* Hero sections */
.hero-title, .hero-subtitle, .hero-content {
  font-family: "Graphik", sans-serif !important;
}

/* Product cards */
.product-title, .product-description, .product-link {
  font-family: "Graphik", sans-serif !important;
}

/* File cards (downloads page) */
.file-title, .file-description, .file-category-badge {
  font-family: "Graphik", sans-serif !important;
}

/* Testimonials */
.testimonial-card, .testimonial-name, .testimonial-position {
  font-family: "Graphik", sans-serif !important;
}

/* Contact page */
.contact-intro, .customer-care-box, .contact-detail-card {
  font-family: "Graphik", sans-serif !important;
}

/* Core values */
.core-values-grid, .strategic-pillars-content, .critical-enablers-content {
  font-family: "Graphik", sans-serif !important;
}

/* Section titles */
.section-title, .section-subtitle, .section-header {
  font-family: "Graphik", sans-serif !important;
  color: #050B41 !important;
}

/* Additional heading classes and title elements */
.title, .heading, .heading-title, .page-title, .post-title, .card-title {
  color: #050B41 !important;
}

/* Hero titles */
.hero-title, .hero-heading {
  color: #050B41 !important;
}

/* Widget titles */
.widget-title, .sidebar-title {
  color: #050B41 !important;
}

/* Footer */
.ftHeading, .ftPlace, .ftsrLinksList {
  font-family: "Graphik", sans-serif !important;
}

/* Header */
.hdHolder, .hdrBlockAside, .nav-link {
  font-family: "Graphik", sans-serif !important;
}

/* Breadcrumb */
.breadcrumb, .breadcrumb-item {
  font-family: "Graphik", sans-serif !important;
}

/* Tables */
table, thead, tbody, tr, td, th {
  font-family: "Graphik", sans-serif !important;
}

/* Rich text content */
.richtext, .richtext-content, .content, .entry-content {
  font-family: "Graphik", sans-serif !important;
}

/* Wagtail admin (optional - remove if not needed) */
.wagtail .button, .wagtail .help-block {
  font-family: "Graphik", sans-serif !important;
}

/* ========================================
   BANNER AND BREADCRUMB STANDARDIZATION
   ======================================== */

/* Banner text - ensure ALL text in page banners is white */
.pageMainHead,
.pageMainHead h1,
.pageMainHead h2,
.pageMainHead h3,
.pageMainHead h4,
.pageMainHead h5,
.pageMainHead h6,
.pageMainHead p,
.pageMainHead span,
.pageMainHead a,
.pageMainHead .breadcrumb-item,
.pageMainHead .breadcrumb-item a,
.pageMainHead .breadcrumb-item.active {
  color: #fff !important;
}

/* Breadcrumb separator override - change from ">" to "/" across all pages */
.breadcrumb-item + .breadcrumb-item:before,
.breadcrWhite .breadcrumb-item + .breadcrumb-item:before {
  content: "/" !important;
  font-family: "Graphik", sans-serif !important;
  font-weight: normal !important;
  font-size: 1em !important;
  margin-top: 0 !important;
  color: inherit !important;
}

/* ========================================
   FOOTER STANDARDIZATION
   ======================================== */

/* Ensure footer column titles are white */
.footer .footer-title,
.footer h4.footer-title,
footer .footer-title,
footer h4.footer-title {
  color: #fff !important;
}

/* ========================================
   SLIDER TEXT STANDARDIZATION
   ======================================== */

/* Ensure all slider text is white */
.promo-slider .title,
.promo-slider .subtitle,
.promo-slider h1,
.promo-slider h2,
.promo-slider h3,
.promo-slider h4,
.promo-slider h5,
.promo-slider h6,
.promo-slider p,
.slider-item .title,
.slider-item .subtitle,
.slider-item h1,
.slider-item h2,
.slider-item h3,
.slider-item h4,
.slider-item h5,
.slider-item h6,
.slider-item p,
.main-promo .title,
.main-promo .subtitle,
.main-promo h1,
.main-promo h2,
.main-promo h3,
.main-promo h4,
.main-promo h5,
.main-promo h6,
.main-promo p {
  color: #fff !important;
}