/* =======================
   LINEICONS FONT FIXES
   ======================= */

/* Ensure LineIcons base class is properly styled */
.lni, [class^="lni-"], [class*=" lni-"] {
  font-family: "LineIcons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  speak: none !important;
  display: inline-block !important;
}

/* Specific fixes for chevron icons */
.lni-chevron-down::before,
.lni-chevron-up::before,
.lni-chevron-left::before,
.lni-chevron-right::before {
  font-family: "LineIcons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline-block !important;
}

/* Ensure proper font loading */
@font-face {
  font-family: "LineIcons";
  font-display: swap;
}

/* Fallback for missing icons - show arrow symbols */
.lni-chevron-down::before {
  content: "\ea58" !important;
}

.lni-chevron-up::before {
  content: "\ea5e" !important;
}

.lni-chevron-left::before {
  content: "\ea5a" !important;
}

.lni-chevron-right::before {
  content: "\ea5c" !important;
}

/* Unicode fallback if LineIcons fail to load */
.lni-chevron-down {
  position: relative;
}

.lni-chevron-down::after {
  content: "↓";
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans-serif !important;
  font-size: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show Unicode fallback if LineIcons font fails */
@supports not (font-family: "LineIcons") {
  .lni-chevron-down::before {
    display: none;
  }
  
  .lni-chevron-down::after {
    opacity: 1;
  }
}

.lni-chevron-up {
  position: relative;
}

.lni-chevron-up::after {
  content: "↑";
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans-serif !important;
  font-size: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Additional scroll top button fix */
.scroll-top i {
  font-family: "LineIcons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline-block !important;
}

/* Ensure all icons in the site work properly */
i[class^="lni-"], i[class*=" lni-"] {
  font-family: "LineIcons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  speak: none !important;
}