/*
Theme Name: astra-child
Theme URI: https://wpastra.com/
Description: Thème enfant pour Astra.
Author: Ngoc
Author URI: https://bacassable.ams-grandsud.fr/
Template: astra
Version: 1.0.0
*/

/* WOOCOMMERCE - Cacher le bloc "Déjà client ? Cliquez ici pour vous connecter" */
.woocommerce-form-login-toggle {
    display: none !important;
}

/* CALENDRIER : ENLEVER PADDING-TOP */

.tribe-events .tribe-events-l-container {
    padding-top: 0 !important;}

/* CALENDRIER : Cacher le header du site sur toutes les pages du calendrier */
body.single-tribe_events .site-header,
body.post-type-archive-tribe_events .site-header,
body.tribe-events-page-template .site-header {
    display: none !important;
}

/* CALENDRIER : Cacher le footer du site sur toutes les pages du calendrier */
/* Cacher ces éléments sur toutes les vues événements (calendrier + embed) */
body[class*="tribe-events"] .elementor-1165 .elementor-element.elementor-element-012b4cf,
body[class*="tribe-events"] .elementor-1165 .elementor-motion-effects-container > .elementor-motion-effects-layer,
body[class*="tribe-events"] .elementor-1165 .e-con.e-grid > .e-con-inner {
    display: none !important;
}

 
 
/* HEADER FIXE SUR TOUT LE SITE */

.site-header,
.ast-primary-header-bar {
  position: fixed !important;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

body:not(.logged-in) .site-header { top: 0; }
body { padding-top: 70px !important; }

/* ============================================================
   FICHE FORMATION
   ============================================================ */

/* Couleur par défaut (sécurité) */ 
.single-product .fiche-formation {
    --cat-color: #00819b; /* bleu AMS par défaut */
}

/* 12. Toutes nos formations / Non classé */
.single-product .fiche-formation.product_cat-toutes-nos-formations,
.single-product .fiche-formation.product_cat-non-classe {
    --cat-color: #4b5563;
}

/* 11. Langue Française & TCF */
.single-product .fiche-formation.product_cat-langue-francaise-tcf {
    --cat-color: #105096; /* bleu foncé */
}

/* 10. Formations en alternance */
.single-product .fiche-formation.product_cat-formations-en-alternance {
    --cat-color: #17805a; /* vert foncé */
}

/* 9. Hygiène & Sécurité */
.single-product .fiche-formation.product_cat-hygiene-et-securite {
    --cat-color: #00819b; /* bleu AMS */
}

/* 8. Petite Enfance */
.single-product .fiche-formation.product_cat-petite-enfance {
    --cat-color: #ce9ba3; /* rose clair */
}

/* 7. Personnes Âgées */
.single-product .fiche-formation.product_cat-personnes-agees {
    --cat-color: #54a9da; /* bleu clair */
}

/* 6. Management d’équipe — #F5AA0F */
.single-product .fiche-formation.product_cat-management-d-equipe {
    --cat-color: #F5AA0F;
}

/* 5. Numérique & Bureautique */
.single-product .fiche-formation.product_cat-numerique-et-bureautique {
    --cat-color: #ef7c28; /* orange */
}

/* 4. Compétences de base */
.single-product .fiche-formation.product_cat-competences-de-base {
    --cat-color: #5f458e; /* violet */
}

/* 3. Softskills & Citoyenneté */
.single-product .fiche-formation.product_cat-softskills-citoyennete {
    --cat-color: #368953; /* vert kaki */
}

/* 2. Transition & insertion professionnelle */
.single-product .fiche-formation.product_cat-transition-insertion-professionnelle {
    --cat-color: #44ac94; /* vert d'eau */
}

/* ============================================================
   HEADER FICHE FORMATION
   ============================================================ */

.fiche-formation .ff-header {
    background: color-mix(in srgb, var(--cat-color) 18%, #ffffff);
    padding: 32px 40px 26px;
    border-radius : 15px;
}

/* Boutons du header fiche formation */
.fiche-formation .ff-header-buttons .ff-btn {
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    margin-right: 10px;
    margin-bottom: 8px; /* au cas où ça passe sur 2 lignes */
    background: var(--cat-color);
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 7px;
    font-size: 0.95rem;
    transition: 0.2s ease;
}

.fiche-formation .ff-header-buttons .ff-btn:hover {
    background: color-mix(in srgb, var(--cat-color) 75%, black);
}

.fiche-formation .ff-header-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.fiche-formation .ff-title {
    color: var(--cat-color);
    font-weight: 800;
    font-size: 2.1rem;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px !important;
}

.ff-btn-contact, .ff-btn-devis, .ff-btn-financement{
    background: #000000 !important;
}

.ff-btn-contact:hover, .ff-btn-devis:hover, .ff-btn-financement:hover{
    background: #525252 !important;
}

.ff-retour-categorie{
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem;
    color: #737373;
}

.ff-categorie{
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 600 !important;
}

/* ============================================================
   TITRES CONTENU PRINCIPAL
   ============================================================ */
.fiche-formation .ff-main h2 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 14px;
    background: var(--cat-color);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    width: 100%;
    border-radius : 5px;
}

.fiche-formation .ff-main p {
    color: #111;
}

/* Sidebar */
.fiche-formation .ff-right,
.fiche-formation .ff-right p,
.fiche-formation .ff-right strong {
    color: #111;
}

.fiche-formation .ff-actions .ff-btn {
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 600;
    text-decoration: none;
}

/* ============================================================
   LAYOUT 2 COLONNES
   ============================================================ */

.fiche-formation .ff-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
    max-width: 1250px;
    margin: 40px auto;
    padding: 0 20px;
}

.fiche-formation .ff-main {
    width: 100%;
}

.fiche-formation .ff-right {
    width: 100%;
    background: #f7fafc;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

/* Responsive */
@media (max-width: 900px) {
    .fiche-formation .ff-layout {
        grid-template-columns: 1fr;
    }
    .fiche-formation .ff-right {
        margin-top: 30px;
    }
}

/* Bouton Rechercher dans la section de recherche */
.fiche-formation .ff-search-form button {
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 600 !important;
    border-radius : 7px;
    background: var(--cat-color);
}

.fiche-formation .ff-search-form button:hover {
    background: color-mix(in srgb, var(--cat-color) 75%, black);
}

/* Réduction de la taille des H2 de bas de page (zones similaires + recherche) */
.single-product .ff-related h2,
.single-product .ff-search-bottom h2,
.single-product .related h2,
.single-product .upsells h2,
.single-product .cross-sells h2 {
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: #111;
}

/* Ajustement de l’icône devant le titre */
.single-product .ff-related h2 img,
.single-product .ff-search-bottom h2 img {
    width: 26px !important;
    height: auto;
    margin-right: 6px;
}

.ff-partage-reseaux {
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 600 !important;
}

/* FORCER ECRIRE TEXTE EN NOIR QUAND COULEUR CLAIRE */ 
/* H1 et H2 en noir pour catégories Rose clair, Jaune, Vert d'eau */

/* Rose clair → Petite enfance */
.single-product .fiche-formation.product_cat-petite-enfance h1,
.single-product .fiche-formation.product_cat-petite-enfance h2 {
    color: #000 !important;
}

/* Jaune → Management d'équipe */
.single-product .fiche-formation.product_cat-management-d-equipe h1,
.single-product .fiche-formation.product_cat-management-d-equipe h2 {
    color: #000 !important;
}

/* Vert d'eau → Transition & insertion professionnelle */
.single-product .fiche-formation.product_cat-transition-insertion-professionnelle h1,
.single-product .fiche-formation.product_cat-transition-insertion-professionnelle h2 {
    color: #000 !important;
}


/* ============================================================
   FIN DU STYLE FICHE FORMATION
   ============================================================ */


/* ==========================
   CARTES FORMATIONS CATALOGUE
   ========================== */

/* COULEURS CATEGORIE — Carte formation : valeur par défaut (bleu AMS) */
.formation-card {
  --cat-color-rgb: 0, 129, 155; /* #00819b */
}

/* 12. toutes-nos-formations / Non classé — #4b5563 */
.formation-card.cat-toutes-nos-formations {
  --cat-color-rgb: 75, 85, 99;
}

/* 11. Langue Française & TCF — #105096 */
.formation-card.cat-langue-francaise-tcf {
  --cat-color-rgb: 16, 80, 150;
}

/* 10. Formations en alternance — #17805a */
.formation-card.cat-formations-en-alternance {
  --cat-color-rgb: 23, 128, 90;
}

/* 9. Hygiène & Sécurité — #00819b */
.formation-card.cat-hygiene-et-securite {
  --cat-color-rgb: 0, 129, 155;
}

/* 8. Petite Enfance — #bc2d4f */
.formation-card.cat-petite-enfance {
  --cat-color-rgb: 188, 45, 79;
}

/* 7. Personnes Âgées — #54a9da */
.formation-card.cat-personnes-agees {
  --cat-color-rgb: 84, 169, 218;
}

/* 6. Management d’équipe — #F5AA0F */
.formation-card.cat-management-d-equipe {
  --cat-color-rgb: 255, 170, 15;
}

/* 5. Numérique & Bureautique — #ef7c28 */
.formation-card.cat-numerique-et-bureautique {
  --cat-color-rgb: 239, 124, 40;
}

/* 4. Compétences de base — #5f458e */
.formation-card.cat-competences-de-base {
  --cat-color-rgb: 95, 69, 142;
}

/* 3. Softskills & Citoyenneté — #368953 */
.formation-card.cat-softskills-citoyennete {
  --cat-color-rgb: 54, 137, 83;
}

/* 2. Transition & Insertion professionnelle — #44ac94 */
.formation-card.cat-transition-insertion-professionnelle {
  --cat-color-rgb: 68, 172, 148;
}


/* Carte entière cliquable */
.formation-card {
  display: block;
  /*background: #ffffff;*/
  background: rgba(var(--cat-color-rgb), 0.3);
  padding: 20px 22px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
  text-decoration: none !important;
  color: #111827 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Effet au survol */
.formation-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10);
  border-color: #cbd5f5;
}

/* Catégorie (TCF, etc.) */
.formation-card .formation-cat,
.formation-card .cat-tcf {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
    letter-spacing: .06em;
  text-transform: uppercase;
  color: #ffffff;
  background: rgba(var(--cat-color-rgb), 1);
  padding: 4px 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

/* Titre de la formation */
.formation-card .formation-title,
.formation-card h2 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  margin: 4px 0 10px;
  color: #111827 !important;
}

/* Durée & infos */
.formation-card .formation-duration,
.formation-card p {
  font-size: 14px;
  color: #4b5563;
  margin: 0;
}

/* Grille responsive des cartes */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px !important;
}

/* Tablette */
@media (max-width: 992px) {
  ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  ul.products {
    grid-template-columns: 1fr;
  } 
}

/* cacher tri apr défaut et fil d'ariane */
.orderby, .woocommerce-breadcrumb {
display : none;}

/* titre page recherche */
.woocommerce-products-header__title.page-title {
font-size : 1.6em !important;
font-weight: 700; 
}

/* titres sur le côté */

.widget.woocommerce.widget_product_categories .widget-title, .ff-titre-filtrer {
    font-family: "Didact Gothic", Sans-serif !important;
    font-size : 1.2em !important;
font-weight: 700 !important;
color : #000000 !important;
}


/* bouton contactez-nous */ 
.ast-woo-sidebar-widget .wp-block-button__link {
    border-radius : 7px !important;
    font-size : 0.8em !important;
    font-family: "Didact Gothic", Sans-serif !important;
    background-color : #000000 !important;
}
.ast-woo-sidebar-widget .wp-block-button__link:hover {
    background-color: #525252 !important;
}
/* texte résultats affichés */
.woocommerce-result-count {
    font-size: 0.9rem !important;
}


/* ==========================
   FIN CARTES FORMATIONS CATALOGUE
   ========================== */
   
/* ============================================
   ZONE CHAMPS RECHERCHE PAGE RECHERCHE FORMATION
   ============================================ */

/* Suppression padding WooCommerce (Astra) */
body.ast-separate-container .ast-woocommerce-container,
.ast-separate-container body .ast-woocommerce-container {
    padding: 0px !important;
}

/* Zone de recherche */
.ff-zone-recherche {
    display: block;
    background: #EDF4FC;
    padding: 20px 22px;
    border-radius: 14px;
    margin-bottom: 20px !important;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    color: #111827 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Conteneur des champs (mise en ligne des 3 inputs) */
.ff-filtre-combine {
    display: flex;
    flex-wrap: wrap;    
    gap: 10px;
    align-items: center;
}

/* Largeur des 3 champs alignés */
.ff-filtre-lieux,
.ff-filtre-categorie,
.ff-barre-recherche {
    flex: 1;
    min-width: 200px;
}

/* Style des selects et input texte */
.ff-filtre-combine input[type="text"], 
.ff-filtre-combine select {
    border-radius: 7px !important;
    height: 40px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* Bouton rechercher */
.ff-filtre-combine button {
    border-radius: 7px !important;
    font-size: 0.8em !important;
    font-family: "Didact Gothic", Sans-serif !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    height: 40px !important;
    padding: 0 20px !important;
    border: none !important;
    cursor: pointer;
}

.ff-filtre-combine button:hover {
    background-color: #454545 !important;
}

/* Lien réinitialiser les filtres */
a.reset-filtre-btn {
    display: inline-block;
    margin-top: 10px;
    font-size: 0.9em;
    text-decoration: underline;
    color: #111827 !important;
}



/* ==========================
   IMAGE BANNIERE sur page recherche 
   ========================== */

.ff-image-categorie img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    object-fit: cover;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    margin-bottom : 15px !important;
}

/* ==========================
   STYLE GLOBAL CAT DE FORMATION sur page recherche 
   ========================== */
.widget_product_categories{
      display: block;
  background: #ffffff;
  padding: 20px 22px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
  text-decoration: none !important;
  color: #111827 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* ==========================
   STYLE GLOBAL ZONE AFFICHAGE CARTE FORMATION 
   ========================== */
.ast-woocommerce-container{
display: block !important;
  background: transparent !important;
  color: #111827 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* cacher H1 */
.woocommerce-products-header__title.page-title {
    display: none !important;
}
   
/* ==========================
   SELECTION CAT DE FORMATION sur page recherche 
   ========================== */
   
/* Valeur par défaut */
ul.product-categories li {
    --cat-color-rgb: 0, 129, 155; /* bleu AMS */
}

/* 12. toutes-nos-formations */
ul.product-categories li.cat-item-toutes-nos-formations {
    --cat-color-rgb: 75, 85, 99;
}

/* 11. Langue Française & TCF */
ul.product-categories li.cat-item-langue-francaise-tcf {
    --cat-color-rgb: 16, 80, 150;
}

/* 10. Formations en alternance */
ul.product-categories li.cat-item-formations-en-alternance {
    --cat-color-rgb: 23, 128, 90;
}

/* 9. Hygiène & sécurité */
ul.product-categories li.cat-item-hygiene-et-securite {
    --cat-color-rgb: 0, 129, 155;
}

/* 8. Petite Enfance */
ul.product-categories li.cat-item-petite-enfance {
    --cat-color-rgb: 206, 155, 163;
}

/* 7. Personnes Âgées */
ul.product-categories li.cat-item-personnes-agees {
    --cat-color-rgb: 84, 169, 218;
}

/* 6. Management d’équipe */
ul.product-categories li.cat-item-management-d-equipe {
    --cat-color-rgb: 255, 170, 15;
}

/* 5. Numérique & Bureautique */
ul.product-categories li.cat-item-numerique-et-bureautique {
    --cat-color-rgb: 239, 124, 40;
}

/* 4. Compétences de base */
ul.product-categories li.cat-item-competences-de-base {
    --cat-color-rgb: 95, 69, 142;
}

/* 3. Softskills & Citoyenneté */
ul.product-categories li.cat-item-softskills-citoyennete {
    --cat-color-rgb: 54, 137, 83;
}

/* 2. Transition & insertion pro */
ul.product-categories li.cat-item-transition-insertion-professionnelle {
    --cat-color-rgb: 68, 172, 148;
}

/* Style de la catégorie active */
ul.product-categories {
font-family: "Didact Gothic", Sans-serif !important;
font-weight: 600 !important;
}
ul.product-categories li.current-cat > a {
font-family: "Didact Gothic", Sans-serif !important;
font-weight: 600 !important;
    background: rgba(var(--cat-color-rgb), 0.3);
    color: #000000;
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-block;
}

/* ==========================
   FIN SELECTION CAT DE FORMATION sur page recherche 
   ========================== */

/* ==========================
   FORMINATOR
   ========================== */

/* Titre du quiz un peu plus petit */
.forminator-quiz-intro .forminator-quiz-title,
.forminator-quiz-intro h3 {
    font-size: 26px !important;
    font-weight: 600;
    text-align: center;
}

/* Forcer la taille de la consigne du quiz */
.forminator-ui.forminator-quiz-leads#forminator-quiz-leads-6328 .forminator-quiz--description, .forminator-ui.forminator-quiz-leads#forminator-quiz-leads-6328 .forminator-quiz--description p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    text-align: center !important;
}

/* Bouton "Commencer le test" arrondi */
.forminator-button.forminator-quiz-start {
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    background-color: #00819b !important;
    color: #fff !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 7px !important;
    border: none !important;
    display: block !important;
    margin: 20px auto !important;
    transition: 0.3s;
}

.forminator-button.forminator-quiz-start:hover {
    background-color: #005f82 !important;
}

/* Texte résultat forminator plus grand 16px au lieu de 14px */ 
.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-quiz--result .forminator-result .forminator-result--content .forminator-result--description, .forminator-ui.forminator-quiz#forminator-module-6328 .forminator-quiz--result .forminator-result .forminator-result--content .forminator-result--description p {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* bouton résultats stylisés */

.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-result--view-answers {
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    border-radius: 7px !important;
}
.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-button.forminator-result--retake{
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    border-radius: 7px !important;
}

.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-pagination-footer .forminator-button{
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    border-radius: 7px !important;
}

.forminator-ui#forminator-module-6327.forminator-design--default .forminator-button-submit{
font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    background-color:#00819b !important;
    border-radius: 7px !important;
}


/* choix des réponses en 16px et en noir */
.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-answer .forminator-answer--name{
font-size: 16px !important;
color: #000000 !important;
}

/* Réseaux sociaux forminator*/ 
.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-quiz--result .forminator-quiz--social .forminator-social--text{
font-size: 16px !important;
text-align: center !important;
}
/* centrer logos rs forminator */
.forminator-ui.forminator-quiz[data-design=default] .forminator-quiz--social .forminator-social--icons{
justify-content: center;
}

/* pagination forminator */ 
.forminator-ui.forminator-quiz#forminator-module-6328 .forminator-page-indicator{
font-family: "Didact Gothic", Sans-serif !important;
}

/* ==========================
   FIN FORMINATOR
   ========================== */
   
   /* =========================
   Cartes "Notre actualité"
   ========================= */

/* Carte globale */
.wpr-grid-item {
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease!important;
}

/* Effet hover : légère élévation */
.wpr-grid-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16) !important;
}

/* Contenu texte sous le titre d'article */
.wpr-grid-item-below-content {
  padding: 18px 20px 20px !important; 
}

/* itre de l'article dans carte */ 
.wpr-grid-item-title a {
    font-size: 17px !important;
}

/* texte article */
.wpr-grid-item-excerpt .inner-block p, .wpr-insta-feed-item-caption .inner-block p{
    font-size: 16px !important;
    }
    
/* lien pour lire l'article */
.elementor-4387 .elementor-element.elementor-element-146a7ac .wpr-grid-item-read-more .inner-block a{
font-family: "Didact Gothic", Sans-serif !important;
font-weight: 700 !important;
font-size: 16px;
color : #00819B !important;
}

   /* =========================
   ARTICLES
   ========================= */
   
   /* ARTICLE cacher le fil d'ariane */
.single-post .entry-meta:first-of-type {
    display: none !important;
}


/* ==============================
   STYLE DES BOUTONS DE PARTAGE facebook, linkedin, x, whatsapp, mail
   ============================== */

.ams-share-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
            align-items: center;
    justify-content: center;

display: inline-flex;
    color: white !important;
    font-size: 18px;
    transition: 0.25s ease;
}

/* Couleurs spécifiques */
.ams-share-btn.fb { background: #1877F2; }
.ams-share-btn.linkedin { background: #0077b5; }
.ams-share-btn.x { background: #000000; }
.ams-share-btn.whatsapp { background: #25D366; }
.ams-share-btn.mail { background: #6B7280; } /* gris neutre */

.ams-share-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* Conteneur des liens de navigation */
.nav-links {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    padding: 20px 0;
}

/* ==============================
   ARTICLES PRECEDENT SUIVANT
   ============================== */

/* Conteneur principal des liens précédent/suivant */
.nav-links {
    display: flex !important;
    justify-content: center !important;   /* Centre les 2 boutons */
    gap: 60px !important;                 /* Espace entre les 2 */
    align-items: center !important;
    margin: 40px auto !important;
    padding: 0 !important;
    max-width: 900px !important;
    width: 100% !important;
    text-align: center !important;        /* Désactive l’alignement gauche d’Astra */
}

/* Supprime les styles Astra qui cassent le centrage */
.nav-links .nav-previous,
.nav-links .nav-next {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}


.nav-links a {
    display: flex !important;
    align-items: center;
    gap: 8px; /* espace entre le texte et la flèche */
    justify-content: center;
    font-family: "Didact Gothic", Sans-serif !important;
    font-weight: 700 !important;
    font-size : 0.9em !important;
    color: #545454 !important;
    text-decoration: none;
    background-color: #ededed;
    border-radius: 6px !important;
    transition: all 0.2s ease-in-out !important;
    width: 200px !important;
}


/* Hover (survol) */
.nav-links a:hover {
    background-color: #0b537a;
    color: white !important;
}

/* ==============================
   FOND DES ARTICLES
   ============================== */
.single-post .ast-article-single {
    border-radius : 20px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08) !important;
}

/* ==============================
   PAGES TOUS NOS ARTICLES = ARTICLES
   ============================== */
.single-post .ast-article-single, article.hfe-post-card {
    border-radius : 20px !important;
      border: 1px solid #e5e7eb;
    
}