/* ============================================================
   Font globale k-kasas
   ------------------------------------------------------------
   Iniettato in tutte le pagine via:
     <link rel="stylesheet" href="/css/k-kasas-font.css">
   Sostituisce il vecchio sub_filter di Nginx.
   ============================================================ */


/* ------------------------------------------------------------
   1. Definizione del font
   ------------------------------------------------------------ */
@font-face {
    font-family: "k-kasas";
    src: url("/fonts/arial.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ------------------------------------------------------------
   2. Base: tutto eredita da <html>
   ------------------------------------------------------------ */
html {
    font-family: "k-kasas", Arial, sans-serif;
}


/* ------------------------------------------------------------
   3. Form elements
   I browser applicano loro un font di default che non eredita.
   ------------------------------------------------------------ */
body,
input,
textarea,
select,
button,
optgroup,
option,
fieldset,
legend,
label,
datalist,
output,
progress,
meter,
keygen {
    font-family: inherit;
}


/* ------------------------------------------------------------
   4. Pseudo-elementi
   Non ereditano automaticamente in tutti i browser.
   ------------------------------------------------------------ */
*::before,
*::after {
    font-family: inherit;
}


/* ------------------------------------------------------------
   5. Placeholder
   Standard + vendor prefix per compatibilità Safari/Firefox/Edge.
   ------------------------------------------------------------ */
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: inherit;
}


/* ------------------------------------------------------------
   6. Contenuti editabili
   Editor WYSIWYG, campi rich text, div contenteditable.
   ------------------------------------------------------------ */
[contenteditable],
[contenteditable="true"],
[contenteditable="plaintext-only"] {
    font-family: inherit;
}


/* ------------------------------------------------------------
   7. Selezione del testo
   ------------------------------------------------------------ */
::selection {
    font-family: inherit;
}