/* Centrale styles voor fonts en iconen (voorheen fonts.css) */
/* Zelf-gehoste Outfit WOFF2 varianten */
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:local('Outfit Regular'),local('Outfit-Regular'),url('/assets/fonts/outfit-latin-400.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:local('Outfit SemiBold'),local('Outfit-SemiBold'),url('/assets/fonts/outfit-latin-600.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:local('Outfit Bold'),local('Outfit-Bold'),url('/assets/fonts/outfit-latin-700.woff2') format('woff2')}

body,input,button,textarea{font-family:'Outfit',Arial,sans-serif}

.icon{display:inline-block;font-style:normal;font-weight:400;line-height:1;text-align:center;min-width:1.2em}

/* Font Awesome 6 Free (lokaal) */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.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-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}
.fa-ul>li{position:relative}
.fa-li{left:calc(var(--fa-li-width, 2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}
.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-spin{animation:fa-spin 2s linear infinite}
@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(1turn)}}
.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* Font faces (woff2-only) */
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url('/assets/fonts/fa-brands-400.woff2') format('woff2')}
.fa-brands,.fab{font-weight:400}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url('/assets/fonts/fa-regular-400.woff2') format('woff2')}
.fa-regular,.far{font-weight:400}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url('/assets/fonts/fa-solid-900.woff2') format('woff2')}
.fa-solid,.fas{font-weight:900}

/* Veelgebruikte icon content mappen */
.fa-user:before{content:"\f007"}
.fa-users:before{content:"\f0c0"}
.fa-user-plus:before{content:"\f234"}
.fa-user-minus:before{content:"\f503"}
.fa-user-gear:before,.fa-user-cog:before{content:"\f4fe"}
.fa-lock:before{content:"\f023"}
.fa-lock-open:before{content:"\f3c1"}
.fa-key:before{content:"\f084"}
.fa-envelope:before{content:"\f0e0"}
.fa-phone:before{content:"\f095"}
.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}
.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}
.fa-pen-to-square:before,.fa-edit:before{content:"\f044"}
.fa-trash:before{content:"\f1f8"}
.fa-plus:before{content:"\2b"}
.fa-subtract:before,.fa-minus:before{content:"\f068"}
.fa-xmark:before,.fa-times:before,.fa-close:before{content:"\f00d"}
.fa-check:before{content:"\f00c"}
.fa-save:before,.fa-floppy-disk:before{content:"\f0c7"}
.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}
.fa-spinner:before{content:"\f110"}
.fa-cog:before,.fa-gear:before{content:"\f013"}
.fa-wrench:before{content:"\f0ad"}
.fa-house:before,.fa-home:before{content:"\f015"}
.fa-store:before{content:"\f54e"}
.fa-shopping-cart:before,.fa-cart-shopping:before{content:"\f07a"}
.fa-box:before{content:"\f466"}
.fa-truck:before{content:"\f0d1"}
.fa-clipboard:before{content:"\f328"}
.fa-file:before{content:"\f15b"}
.fa-file-pdf:before{content:"\f1c1"}
.fa-download:before{content:"\f019"}
.fa-upload:before{content:"\f093"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}
.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}
.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}
.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-link-slash:before,.fa-unlink:before{content:"\f127"}
.fa-trash-can:before,.fa-trash-alt:before{content:"\f2ed"}
.fa-pen:before{content:"\f304"}
.fa-pen-clip:before,.fa-pen-alt:before{content:"\f305"}
.fa-calendar:before{content:"\f133"}
.fa-clock:before{content:"\f017"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
/* hamburger */
.fa-bars:before{content:"\f0c9"}
/* extra in gebruik */
.fa-align-left:before{content:"\f036"}
.fa-facebook-f:before{content:"\f39e"}
.fa-instagram:before{content:"\f16d"}
.fa-linkedin-in:before{content:"\f0e1"}
/* Cropper controls (niet eerder gemapt) */
.fa-rotate-left:before{content:"\f0e2"} /* undo arrow */
.fa-rotate-right:before{content:"\f01e"} /* repeat arrow */
.fa-rotate:before{content:"\f2f1"} /* 'rotate' generic (Font Awesome alt) */
/* Pijlen voor flip (gebruik arrowse - left-right / up-down reeds in FA core, maar expliciet voor subset zekerheid) */
.fa-arrows-left-right:before{content:"\f07e"}
.fa-arrows-up-down:before{content:"\f07d"}
