/* Formulaires d'actes ouverts dans la page des actes au nouveau format :
   même charte que la nouvelle fiche (fiche.css). Activé par la classe
   `charte-fv` posée sur <html> quand la page parente est le hub `.fv-hub`
   (voir layout.html) ; --accent* sont recopiés depuis la page parente. */
@font-face { font-family: 'Zilla Slab'; font-weight: 700; src: url(fonts/zilla-slab-700.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Jost'; font-weight: 700; src: url(fonts/jost-700.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Source Serif 4'; font-weight: 400; src: url(fonts/source-serif-4-400.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Source Serif 4'; font-weight: 700; src: url(fonts/source-serif-4-700.woff2) format('woff2'); font-display: swap; }

html.charte-fv body {
    --encre: #1E1A18; --gris: #5A4F49; --filet: #D9D4D0; --alerte: #B3261E;
    font-family: 'Source Serif 4', Georgia, serif; color: var(--encre);
}
html.charte-fv h1, html.charte-fv h2, html.charte-fv h3, html.charte-fv h4, html.charte-fv h5 {
    font-family: 'Zilla Slab', Georgia, serif; font-weight: 700;
}
html.charte-fv .form-label, html.charte-fv label.form-label, html.charte-fv .card-header,
html.charte-fv summary, html.charte-fv legend, html.charte-fv .ac-etiq {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase; font-size: 12px; color: var(--encre);
}
html.charte-fv .form-control, html.charte-fv .form-select, html.charte-fv .input-group-text {
    border-radius: 0; border: 1px solid var(--gris); font-family: inherit;
}
html.charte-fv .form-control:focus, html.charte-fv .form-select:focus {
    border-color: var(--accent, var(--encre)); box-shadow: 0 0 0 2px var(--accent-sel, #ddd);
}
html.charte-fv .card { border-radius: 0; border: 1px solid var(--filet); }
html.charte-fv .card-header { background: var(--accent-fond, #f6f4f2); border-bottom: 1px solid var(--filet); border-radius: 0 !important; }
html.charte-fv details.border { border-radius: 0 !important; border-color: var(--filet) !important; }
html.charte-fv .badge { border-radius: 0; }
html.charte-fv .alert { border-radius: 0; }

/* Boutons : rectangle, bordure 2 px, capitales espacées */
html.charte-fv .btn {
    border-radius: 0; border-width: 2px; min-height: 40px;
    font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase; font-size: 13px;
    background: #FFFFFF; color: var(--encre); border-color: var(--encre);
    display: inline-flex; align-items: center; justify-content: center; gap: 4px;
}
html.charte-fv .btn-sm { min-height: 32px; font-size: 11px; }
html.charte-fv .btn:hover { background: var(--accent-fond, #f6f4f2); color: var(--encre); }
html.charte-fv .btn-success, html.charte-fv .btn-primary {
    background: var(--accent, var(--encre)); border-color: var(--accent, var(--encre)); color: #FFFFFF;
}
html.charte-fv .btn-success:hover, html.charte-fv .btn-primary:hover {
    background: var(--accent, var(--encre)); color: #FFFFFF; filter: brightness(1.12);
}
html.charte-fv .btn-danger, html.charte-fv .btn-outline-danger { border-color: var(--alerte); color: var(--alerte); background: #FFFFFF; }
html.charte-fv .btn-danger:hover, html.charte-fv .btn-outline-danger:hover { background: #FBEAE9; color: var(--alerte); }
html.charte-fv a { color: var(--encre); }
html.charte-fv a:hover { color: var(--accent, var(--encre)); }
html.charte-fv .text-muted, html.charte-fv .form-text { color: var(--gris) !important; font-style: italic; }