/**
 * Front Icons - CSS minimal pour le frontend
 * Contient uniquement les icônes utilisées sur le site public :
 * - Bootstrap Icons: bi-person-fill, bi-arrow-down-circle-fill
 * - Keenicons: ki-check-circle, ki-cross-circle
 * - Font Awesome: fa-refresh, fa-spin
 */

/* ==========================================================================
   Bootstrap Icons (subset)
   ========================================================================== */

@font-face {
  font-display: swap;
  font-family: "bootstrap-icons";
  src: url("../../back/plugins/global/fonts/bootstrap-icons/bootstrap-icons.woff2") format("woff2"),
       url("../../back/plugins/global/fonts/bootstrap-icons/bootstrap-icons.woff") format("woff");
}

.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-person-fill::before {
  content: "\f4da";
}

.bi-arrow-down-circle-fill::before {
  content: "\f118";
}

/* ==========================================================================
   Keenicons Duotone (subset)
   ========================================================================== */

@font-face {
  font-family: "keenicons-duotone";
  src: url("../../back/plugins/global/fonts/keenicons/keenicons-duotone.woff") format("woff"),
       url("../../back/plugins/global/fonts/keenicons/keenicons-duotone.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ki-duotone {
  font-family: "keenicons-duotone" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  direction: ltr;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ki-duotone i {
  font-style: normal;
}

.ki-check-circle .path1:before {
  content: "\eab8";
  opacity: 0.3;
}

.ki-check-circle .path2:before {
  content: "\eab9";
  position: absolute;
  left: 0;
}

.ki-cross-circle .path1:before {
  content: "\eb0c";
  opacity: 0.3;
}

.ki-cross-circle .path2:before {
  content: "\eb0d";
  position: absolute;
  left: 0;
}

/* Utility classes */
.text-success {
  color: #50cd89 !important;
}

.text-danger {
  color: #f1416c !important;
}

.fs-2x {
  font-size: 2rem !important;
}

/* ==========================================================================
   Font Awesome 6 (subset)
   ========================================================================== */

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../back/plugins/global/fonts/@fortawesome/fa-solid-900.woff2") format("woff2"),
       url("../../back/plugins/global/fonts/@fortawesome/fa-solid-900.ttf") format("truetype");
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-refresh::before,
.fa-sync::before,
.fa-arrows-rotate::before {
  content: "\f021";
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fa-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}