/*!
 * Reduced build of Font Awesome Pro 6.4.0 (https://fontawesome.com), used under
 * the project's commercial license. Regular style ONLY (no Solid webfont at
 * all, by project decision - templates that used a `fas`/`fa-solid` icon get
 * switched to the Regular equivalent instead, see content-element.md
 * "Layer: Exclamation-Icon fehlte" for the 2026-08-07 sweep that did this),
 * subset to the icons approved for editorial use (arrows, contact info,
 * avatar, standard UI icons) - see Classes/Module/Fontawesome6.typoscript.
 *
 * `.fas`/`.fa-solid` are deliberately NOT styled here - if either class shows
 * up in a template again, it's a bug (Font Awesome's own default browser
 * fallback renders nothing useful for these PUA codepoints without a font
 * assigned), not a style choice to restore.
 *
 * Regenerate via: pyftsubset on webfonts/fa-regular-400.ttf (kept as the
 * source in this same directory - NOT the file this rule points AT, which is
 * this reduced output) with the codepoints listed below, then re-run the
 * woff2 compressor. Add a new icon by adding its codepoint to the subset call
 * and a matching .fa-<name>:before rule here - check it actually has a
 * Regular-weight glyph first (fontTools cmap inspection against the full Pro
 * webfont - several icons, e.g. "exclamation", don't look like they would at
 * a glance but genuinely do; others, e.g. "phone-alt"/"times", genuinely
 * don't and need a different icon name substituted instead).
 */
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
         url("../webfonts/fa-regular-400.ttf") format("truetype");
}

.fa,
.fa-regular,
.far {
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 400 !important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-angle-down:before{content:"\f107" !important}
.fa-angle-left:before{content:"\f104" !important}
.fa-angle-right:before{content:"\f105" !important}
.fa-angle-up:before{content:"\f106" !important}
.fa-arrow-down:before{content:"\f063" !important}
.fa-arrow-left:before{content:"\f060" !important}
.fa-arrow-right:before{content:"\f061" !important}
.fa-arrow-up:before{content:"\f062" !important}
.fa-bars:before{content:"\f0c9" !important}
.fa-bell:before{content:"\f0f3" !important}
.fa-calendar:before{content:"\f133" !important}
.fa-check:before{content:"\f00c" !important}
.fa-chevron-down:before{content:"\f078" !important}
.fa-chevron-left:before{content:"\f053" !important}
.fa-chevron-right:before{content:"\f054" !important}
.fa-chevron-up:before{content:"\f077" !important}
.fa-clock:before{content:"\f017" !important}
.fa-comment:before{content:"\f075" !important}
.fa-download:before{content:"\f019" !important}
.fa-envelope:before{content:"\f0e0" !important}
.fa-eye:before{content:"\f06e" !important}
.fa-exclamation:before{content:"\f12a" !important}
.fa-eye-slash:before{content:"\f070" !important}
.fa-fax:before{content:"\f1ac" !important}
.fa-file:before{content:"\f15b" !important}
.fa-file-pdf:before{content:"\f1c1" !important}
.fa-futbol:before{content:"\f1e3" !important}
.fa-gear:before{content:"\f013" !important}
.fa-globe:before{content:"\f0ac" !important}
.fa-heart:before{content:"\f004" !important}
.fa-house:before{content:"\f015" !important}
.fa-info:before{content:"\f129" !important}
.fa-info-circle:before{content:"\f05a" !important}
.fa-link:before{content:"\f0c1" !important}
.fa-lock:before{content:"\f023" !important}
.fa-long-arrow-left:before{content:"\f177" !important}
.fa-long-arrow-right:before{content:"\f178" !important}
.fa-map-marker:before{content:"\f041" !important}
.fa-map-marker-alt:before{content:"\f3c5" !important}
.fa-message:before{content:"\f27a" !important}
.fa-minus:before{content:"\f068" !important}
.fa-pen:before{content:"\f304" !important}
.fa-phone:before{content:"\f095" !important}
.fa-plus:before{content:"\2b" !important}
.fa-print:before{content:"\f02f" !important}
.fa-question-circle:before{content:"\f059" !important}
.fa-search:before{content:"\f002" !important}
.fa-share-nodes:before{content:"\f1e0" !important}
.fa-star:before{content:"\f005" !important}
.fa-trash:before{content:"\f1f8" !important}
.fa-upload:before{content:"\f093" !important}
.fa-user:before{content:"\f007" !important}
.fa-user-circle:before{content:"\f2bd" !important}
.fa-user-large:before{content:"\f406" !important}
.fa-user-tie:before{content:"\f508" !important}
.fa-users:before{content:"\f0c0" !important}
/* "fa-times" is Font Awesome 5's name for this exact glyph - FA6 renamed it
   to "xmark" but kept the old class name as a CSS-only alias, no separate
   glyph exists for it. */
.fa-times:before,
.fa-xmark:before{content:"\f00d" !important}

/* RTE icon picker toolbar dropdown (Resources/Public/JavaScript/rte-icon-picker.js) */
.ce-icon-picker-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    padding: 4px;
    max-width: 280px;
}
.ce-icon-picker-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
}
.ce-icon-picker-tile:hover,
.ce-icon-picker-tile:focus {
    border-color: var(--ck-color-base-border, #c4c4c4);
    background: var(--ck-color-button-default-hover-background, #ecf0f1);
}