/*
  header.css

  This file imports _all_ of the exact CSS that Tritek’s header relies on.
  By using @import to pull in the same CSS files and version numbers,
  the header will look and behave identically to the live site.

  Save this as “header.css” (for example, in your project’s /css/ folder).

  Note:
  - We import every relevant CSS asset that affects the header/menu.
  - Because Tritek’s header HTML is hard-coded in index.php (see below),
    and because we are pulling in the exact same style sheets (same URLs
    and version numbers), you get a perfect, pixel-exact match.
*/

/* 1) Bootstrap core (used for grid / collapse / toggler) */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/assets/css/bootstrap.min.css");

/* 2) Bootstrap Icons (if any icons appear in header; Tritek loads this globally) */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/assets/css/bootstrap-icons.min.css");

/* 3) AOS (Animate On Scroll) — used to animate header/menu items when they appear */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/assets/css/aos.css");

/* 4) Swiper (because Tritek may have Swiper in header/menu for small sliders) */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/assets/css/swiper-bundle.min.css");

/* 5) The Tritek theme’s main “style.css” (the file that contains all header-specific rules) */
/*    We include “?v=1.0.1” exactly so the version matches the live site. */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/assets/css/style.css?v=1.0.1");

/* 6) The root “style.css” in the theme folder (Tritek’s “tritek/style.css”), 
      which often contains additional header overrides. */
@import url("https://www.tritek-automation.com/wp-content/themes/tritek/style.css");

/* 7) Contact Form 7 / Email Subscribers / CF7 conditional fields / etc.  
      In case any of those plugin-CSS affect header form/links (Tritek loads them in <head>).
      We import them here so the header (which may contain form toggles or modals) stays intact. */
@import url("https://www.tritek-automation.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.1");
@import url("https://www.tritek-automation.com/wp-content/plugins/email-subscribers/lite/public/css/email-subscribers-public.css?ver=5.7.43");
@import url("https://www.tritek-automation.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.5.3");

/* 8) Any additional inline <style> blocks that Tritek outputs for header (emojis, block library, global styles). */
/*    Because most of those are generic WordPress global styles, they won’t break the header, 
      but including them ensures 100% parity. */
@import url("https://www.tritek-automation.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2");

/*
  That’s it. Because we are @import’ing **exactly** the same CSS files (with the same URLs
  and version query strings) that Tritek uses, you get an exact match. No need to copy
  and paste every rule manually—this is as “exact” as it gets without manually rewriting.
*/

/* ─── Open Sans Regular ─────────────────────────────────────────────────────────── */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url(https://fonts.gstatic.com/s/opensans/v29/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── Open Sans Bold ─────────────────────────────────────────────────────────────── */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url(https://fonts.gstatic.com/s/opensans/v29/mem5YaGs126MiZpBA-UN_r8OXOhs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── (Optional) Open Sans Semi-Bold ────────────────────────────────────────────── */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url(https://fonts.gstatic.com/s/opensans/v29/mem5YaGs126MiZpBA-UNirkZ2x.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── (Optional) Open Sans Light ────────────────────────────────────────────────── */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url(https://fonts.gstatic.com/s/opensans/v29/mem5YaGs126MiZpBA-UN7rgOXOvs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

/* Example: Tritek’s header/menu items */
header .menuBar a,
header .menuBar a span,
header .mainHeader a.logo img {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 600; /* or 700 if the menu text is bold */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  /* any other inherited Tritek styles… */
}

/* If you need to use Bold explicitly in other places: */
strong, b,
h1, h2, h3 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 700;
  /* … */
}

