/**
Theme Name: Astra Child
Author: Brainstorm Force
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
Description: Custom styles for La Micro by Flo
*/

/* Champs de saisie à 14px */
.srfm-form-container-8207 .srfm-input-common {
    font-size: 14px !important;
}
.srfm-form-container-8207 .srfm-block-label {
    font-size: 14px !important;
}

/* Bouton à 14px */
.srfm-form-container-8207 .srfm-submit-button {
    font-size: 14px !important;
}

/* Alternative avec les variables CSS */
.srfm-form-container-8207 {
    --srfm-input-field-font-size: 14px !important;
    --srfm-btn-font-size: 14px !important;
}
/* ========================================
   TABLEAUX LA MICRO BY FLO - STYLE SOBRE
   Couleur principale : #3058E5
======================================== */

/* Conteneur avec bordure */
/* En-tête du tableau */
table th {
    background: #3058E5;
    color: #ffffff;
    text-align: left;
}
/* Cellules du corps */
table td {
    font-size: 16px;
}

/* Lignes alternées en bleu très clair */
.flo-table tbody tr:nth-child(even),
table tbody tr:nth-child(even) {
    background: rgba(48, 88, 229, 0.05);
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .flo-table,
    table {
        font-size: 13px;
        margin: 20px 0;
    }
    
    .flo-table thead th,
    table thead th,
    .flo-table tbody td,
    table tbody td {
        padding: 10px 8px;
    }
    
    .flo-table thead th,
    table thead th {
        font-size: 15px;
    }
}
/* ============================================
   ENCADRÉS DANS LE FLUX (ASIDE)
   ============================================ */

/* Encadré Pour info (bleu) */
.encadre-info {
    border-color: var(--wp--preset--color--ast-global-color-0) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 5px !important;
    background-color: #f0f5fe !important;
    padding: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
}

/* Encadré Attention (rouge) */
.encadre-attention {
    border-color: #dc2626 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 5px !important;
    background-color: #fef2f2 !important;
    padding: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
}

/* Encadré Mon conseil (jaune) */
.encadre-conseil {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 5px !important;
    background-color: #fefbc5 !important;
    padding: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
}
/* Si tu veux que seules les puces soient bleues mais pas le texte */
ul li::marker {
    color: #3058E5;
}

/* Encart L’essentiel à retenir — EXACT rendu demandé */
.wp-block-group.encadre-essentiel {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;

  /* barre à gauche */
  border-left-color: var(--ast-global-color-0, var(--wp--preset--color--ast-global-color-0, #3058E5));
  border-left-width: 5px;
  border-left-style: solid;

  /* fond + espacements */
  background-color: #f0f5fe;
  margin-bottom: var(--wp--preset--spacing--60);
  padding-top: var(--wp--preset--spacing--50);
  padding-right: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--50);
  padding-left: var(--wp--preset--spacing--50);
}

/* Nettoie les marges internes parasites */
.wp-block-group.encadre-essentiel > :first-child { margin-top: 0; }
.wp-block-group.encadre-essentiel > :last-child  { margin-bottom: 0; }

/* Titre (ligne icône + texte) */
.wp-block-group.encadre-essentiel .essentiel-titre {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0 0 var(--wp--preset--spacing--30) 0;
}

/* Liste */
.wp-block-group.encadre-essentiel ul { margin: 0; padding-left: 1.25rem; }
.wp-block-group.encadre-essentiel li { margin: .4rem 0; }

/* Encarts : texte un peu plus petit */
.encadre-essentiel,
.encadre-sommaire {
  font-size: 16px;
  line-height: 1.6;
}

/* Titre des encarts */
.encadre-essentiel .essentiel-titre,
.encadre-sommaire .uagb-toc__title {
  font-size: 17px;
  font-weight: 700;
}