/* =================================
   Local Resources CSS - Optimized
   ================================= */

/* Roboto Font Family */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/roboto-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/roboto-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/roboto-900.woff2') format('woff2');
}

/* Inter Font Family */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/inter-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/inter-900.woff2') format('woff2');
}

/* FontAwesome - Import local optimized version */
@import url('/fonts/fontawesome-local.css');

/* Performance optimizations */
* {
  font-display: swap;
}

/* Preload critical fonts */
html {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
/* Performance Optimizations */
/* Reduce CLS by defining icon dimensions */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
  width: 1em;
  height: 1em;
}

/* Critical CSS for above-the-fold icons */
.fa-whatsapp, .fa-phone, .fa-envelope, .fa-map-marker-alt,
.fa-caret-down, .fa-arrow-up, .fa-tiktok, .fa-star {
  display: inline-block;
}

/* Perfect centering for floating buttons and all icons */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}

/* Specific fixes for floating buttons */
.fixed .fa, .fixed .fas, .fixed .fab {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Button centering */
button .fa, button .fas, button .far, button .fab,
a .fa, a .fas, a .far, a .fab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Ensure primary buttons have white text */
.bg-primary-blue, .bg-primary-blue * {
  color: white !important;
}

a.bg-primary-blue, a.bg-primary-blue * {
  color: white !important;
}


/* Dropdown Menu Text Colors - Ensure black text */
#services-dropdown a, 
.services-dropdown a,
[id="services-dropdown"] a {
  color: black !important;
  text-decoration: none !important;
}

#services-dropdown a:hover,
.services-dropdown a:hover,
[id="services-dropdown"] a:hover {
  color: black !important;
  background-color: #f1f5f9 !important;
}

/* Ensure dropdown has proper z-index and visibility */
#services-dropdown,
.services-dropdown,
[id="services-dropdown"] {
  z-index: 9999 !important;
  background-color: white !important;
  border: 1px solid #e2e8f0 !important;
}