/* ========================================================================== */
/* File: /css/icomoon.css                                                     */
/* Purpose: Bind Icomoon font to .icon/.icon-* and define .icon-chevron-down. */
/* NOTE: Do not alter unrelated rules. Minimal, targeted fix only.            */
/* ========================================================================== */


/* ========================================================================== */
/* SECTION: Base Icon Font Binding                                            */
/* Purpose: Ensure any `.icon` or `.icon-*` element uses the Icomoon font so  */
/*          glyphs (including chevron-down) render correctly.                 */
/* IMPORTANT: The font-family MUST match your existing @font-face name.       */
/* ========================================================================== */
[class^="icon-"], [class*=" icon-"], .icon {
  font-family: "icomoon" !important;  /* bind Icomoon font */
  speak: never;                        /* accessibility: don’t read as text     */
  font-style: normal;                  /* reset                                  */
  font-weight: normal;                 /* reset                                  */
  font-variant: normal;                /* reset                                  */
  text-transform: none;                /* reset                                  */
  line-height: 1;                      /* tighter line box for icons             */
  -webkit-font-smoothing: antialiased; /* crisper rendering                      */
  -moz-osx-font-smoothing: grayscale;  /* crisper rendering                      */
  display: inline-block;               /* ensure pseudo-elements render correctly*/
}


/* ========================================================================== */
/* SECTION: Chevron-Down mapping (rotate existing chevron-right glyph)        */
/* Purpose: Provide `.icon-chevron-down` using the existing codepoint and     */
/*          rotate it; no color overrides, inherits parent color.             */
/* Notes:                                                                      */
/* - Uses existing chevron-right codepoint: \e90b                              */
/* - Color is inherited (e.g., #3b6392 blue in your nav).                     */
/* ========================================================================== */
.icon-chevron-down:before {
  content: "\e90b";         /* reuse chevron-right glyph from this font      */
  display: inline-block;    /* required so transform applies                  */
  transform: rotate(90deg); /* turn right-chevron into down-chevron           */
  font-style: normal;       /* reset                                          */
  font-weight: normal;      /* reset                                          */
  line-height: 1;           /* tight vertical alignment                       */
  /* color inherits from parent (e.g., #3b6392 blue)                           */
}

/* ============================== END OF FILE =============================== */