/*
 * KI Font Awesome Icons
 *
 * Ersetzt das Font-Awesome-CSS vom CDN. Die Schriftdateien liefert das Theme
 * "Pro" (Cornerstone) lokal per @font-face (Font Awesome 6.7.2), hier werden
 * nur die Klassen darauf gemappt. Enthalten sind ausschließlich die Icons,
 * die in den KI-Plugins und in den Einstellungen von KI Opening Hours
 * verwendet werden. Codepoints aus Font Awesome 6.7.2.
 *
 * Neues Icon: Codepoint aus der Font-Awesome-6-Doku übernehmen und unten ergänzen.
 */

.fa,
.fas,
.fa-solid,
.far,
.fa-regular {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-family: 'FontAwesomePro', 'FontAwesome', 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-rendering: auto;
}

.far,
.fa-regular {
  font-family: 'FontAwesomePro', 'FontAwesomeRegular', 'Font Awesome 6 Free';
  font-weight: 400;
}

.fa::before,
.fas::before,
.fa-solid::before,
.far::before,
.fa-regular::before {
  content: var(--fa);
}

/* Icons (inkl. FA4/FA5-Aliasse) */
.fa-arrow-left { --fa: "\f060"; }
.fa-arrow-right { --fa: "\f061"; }
.fa-arrow-up { --fa: "\f062"; }
.fa-camera { --fa: "\f030"; }
.fa-cash-register { --fa: "\f788"; }
.fa-check { --fa: "\f00c"; }
.fa-check-circle,
.fa-circle-check { --fa: "\f058"; }
.fa-circle-notch { --fa: "\f1ce"; }
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle { --fa: "\f057"; }
.fa-clock { --fa: "\f017"; }
.fa-id-badge { --fa: "\f2c1"; }
.fa-location-dot,
.fa-map-marker-alt { --fa: "\f3c5"; }
.fa-magnifying-glass,
.fa-search { --fa: "\f002"; }
.fa-arrows-rotate,
.fa-refresh,
.fa-sync { --fa: "\f021"; }
.fa-repeat { --fa: "\f363"; }
.fa-rotate,
.fa-sync-alt { --fa: "\f2f1"; }
.fa-spinner { --fa: "\f110"; }
.fa-upload { --fa: "\f093"; }
.fa-user-shield { --fa: "\f505"; }
.fa-users { --fa: "\f0c0"; }

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

.fa-spin-pulse,
.fa-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

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

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}