/* assets/css/styles_csp.css
   Classes utilitaires pour remplacer les attributs style="..." inline
   (incompatibles avec une CSP stricte sans 'unsafe-inline').

   Ces classes couvrent l'intégralité des patterns style="..." utilisés
   dans le code PHP du front public (simulateurs + pages publiques).
   Le contenu BDD (TinyMCE) est traité séparément par inc_csp_filter.php. */

/* === Visibilité === */
.is-hidden              { display: none !important; }
.is-block               { display: block !important; }
.is-inline-block        { display: inline-block !important; }

/* === Alignement texte === */
.text-left              { text-align: left !important; }
.text-center            { text-align: center !important; }
.text-right             { text-align: right !important; }
.text-justify           { text-align: justify !important; }

/* === Couleurs et fond (palette du site) === */
.color-orange           { color: #f4793b !important; }
.color-white            { color: #fff !important; }
.color-red              { color: rgb(255, 0, 0) !important; }
.color-black            { color: #000 !important; }

.bg-orange              { background-color: #f4793b !important; }
.bg-orange-white        { background-color: #f4793b !important; color: #fff !important; text-align: center !important; }
.bg-pink-light          { background-color: rgb(255, 221, 221) !important; }

/* === Poids === */
.weight-bold            { font-weight: bold !important; }
.text-bold-700          { font-weight: 700 !important; }

/* === Tailles de police === */
.fs-08                  { font-size: 0.8rem !important; }
.fs-12                  { font-size: 12px !important; }
.fs-14                  { font-size: 14px !important; }
.fs-13                  { font-size: 1.3rem !important; }
.fs-16-bold-orange      { color: #f4793b !important; font-size: 16px !important; font-weight: bold !important; }
.fs-20-orange           { color: #f4793b !important; font-size: 20px !important; }

/* === Bordures === */
.border-none            { border: none !important; }
.border-0               { border: 0 !important; }
.border-top-none        { border-top: none !important; }
.border-bottom-none     { border-bottom: none !important; }

/* === Largeurs === */
.w-50                   { width: 50% !important; }
.w-50-center            { width: 50% !important; margin: auto !important; }
.w-80                   { width: 80% !important; }
.w-90                   { width: 90% !important; }
.w-100-pct              { width: 100% !important; }

/* === Curseur / décoration === */
.cursor-pointer         { cursor: pointer !important; }
.text-underline         { text-decoration: underline !important; }
.link-underline-bold    { cursor: pointer !important; text-decoration: underline !important; font-weight: 700 !important; }

/* === Alignement vertical === */
.vertical-middle        { vertical-align: middle !important; }

/* === List style === */
.list-position-inside   { list-style-position: inside !important; }

/* === Classes utilisées par sim_france_fr.js (manipulations dynamiques) === */
/* Couleurs texte */
.js-color-red       { color: #f00 !important; }
.js-color-black     { color: #000 !important; }
.js-color-white     { color: #fff !important; }
.js-color-grey      { color: #888 !important; }
.js-color-lightgrey { color: #ddd !important; }
.js-color-pink      { color: #fdd !important; }
/* Backgrounds */
.js-bg-orange       { background-color: #f4793b !important; }
.js-bg-white        { background-color: #fff !important; }
.js-bg-grey         { background-color: #999 !important; }
.js-bg-lightgrey    { background-color: #ddd !important; }
.js-bg-pink         { background-color: #fdd !important; }
/* Backgrounds none */
.js-bg-none         { background: none !important; }
/* Font style */
.js-italic          { font-style: italic !important; }
.js-normal-style    { font-style: normal !important; }

/* === Cas particulier inc_fonctions_login::affiche() === */
.small8-shift-up        { position: relative !important; top: -2px !important; }

/* === Splide === */
.splide__slide--full    { min-width: 101%; }

/* === Lien bannière === */
.banner-link            { display: block; }

/* === Bouton "OK" des simulateurs === */
.btn-sim-ok {
    border: 0 !important;
    background-color: #fff !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-size: 18px !important;
    color: #000 !important;
    font-family: 'Ubuntu', sans-serif !important;
}

/* === Combinaisons fréquentes === */
.text-center-hidden     { text-align: center !important; display: none !important; }
.text-center-bg-orange  { text-align: center !important; background-color: #f4793b !important; color: #fff !important; }