/* ---- shared Font Awesome solid setup for every override ---- */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after,
.custom-accordionwithicon .accordion-button::after,
.custom-accordionwithicon-plus .accordion-button::after,
.alert-dismissible .btn-close::after,
[class^="mdi-"]::before,
[class*=" mdi-"]::before,
.breadcrumb-item::before {
	font-family: "Font Awesome 7 Free" !important;
	font-weight: 900 !important;                 /* 900 = solid */
	font-style: normal;
	background-image: none !important;           /* kill Bootstrap SVG fallbacks */
	-webkit-font-smoothing: antialiased;
}

/* ============================================================
   1. CSS-INJECTED PSEUDO-ELEMENT ICONS
   Only content + (above) the family/weight are overridden;
   positioning and the rotate() transitions stay in app.min.css.
   ============================================================ */

/* sidebar collapsible menu arrow (mdi-chevron-right -> fa-angle-right) */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
	content: "\f105" !important;                 /* fa-angle-right */
   font-size: 14px;
}

/* accordion, chevron style */
.custom-accordionwithicon .accordion-button::after {
	content: "\f105" !important;                 /* fa-angle-right */
}
.custom-accordionwithicon .accordion-button:not(.collapsed)::after {
	content: "\f107" !important;                 /* fa-angle-down  */
}

/* accordion, plus/minus style */
.custom-accordionwithicon-plus .accordion-button::after {
	content: "\f067" !important;                 /* fa-plus  */
}
.custom-accordionwithicon-plus .accordion-button:not(.collapsed)::after {
	content: "\f068" !important;                 /* fa-minus */
}

/* dismissible alert close button */
.alert-dismissible .btn-close::after {
	content: "\f00d" !important;                 /* fa-xmark */
}

/* breadcrumb divider (mdi-chevron-right -> fa-angle-right).
   content set directly so it overrides --bs-breadcrumb-divider */
.breadcrumb-item + .breadcrumb-item::before {
	content: "\f105" !important;                 /* fa-angle-right */
}


/* ============================================================
   2. IN-MARKUP  mdi mdi-*  ICONS  ->  Font Awesome
   These are the mdi classes currently used in your topbar /
   profile dropdown. Add more lines as you use more icons.
   Find MDI names in your HTML, map to an FA unicode below.
   (All rendered solid/900. Switch a line to weight 400 in a
   separate rule if you want the thin "regular" outline look.)
   ============================================================ */
.mdi-magnify::before               { content: "\f002"; }  /* fa-magnifying-glass */
.mdi-close-circle::before          { content: "\f057"; }  /* fa-circle-xmark     */
.mdi-account-circle::before        { content: "\f2bd"; }  /* fa-circle-user      */
.mdi-message-text-outline::before  { content: "\f075"; }  /* fa-comment          */
.mdi-calendar-check-outline::before{ content: "\f274"; }  /* fa-calendar-check   */
.mdi-lifebuoy::before              { content: "\f1cd"; }  /* fa-life-ring        */

/* ------------------------------------------------------------
   MDI -> Font Awesome cheat-sheet for adding more:
     mdi-home            -> \f015   fa-house
     mdi-cog / settings  -> \f013   fa-gear
     mdi-account         -> \f007   fa-user
     mdi-bell            -> \f0f3   fa-bell
     mdi-chevron-down    -> \f107   fa-angle-down
     mdi-chevron-right   -> \f105   fa-angle-right
     mdi-plus            -> \f067   fa-plus
     mdi-pencil          -> \f303   fa-pen
     mdi-delete/trash    -> \f2ed   fa-trash-can
     mdi-check           -> \f00c   fa-check
     mdi-close           -> \f00d   fa-xmark
   Look up any icon's unicode at fontawesome.com/icons.
   ------------------------------------------------------------ */