/**
Theme Name: Astra Child
Author: B4C
Author URI: https://b4cinsights.com
Description: Astra
Version: 1.0.0
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
*/

/* =========================
   BADGE (icône + texte)
   ========================= */
.b4c-badge{
    display:inline-flex;
    align-items:center;
    gap:.30em;
    line-height:1;
    color:#fff !important;
    padding:.18em .48em;
    font-size:12px;
}

/* Icône (image SVG uploadée) : retire la baseline + fixe la taille */
.b4c-badge .b4c-icon-img{
    width:14px;
    height:14px;
    display:block;
}

/* Micro-ajustement vertical optionnel (remonte un peu l’icône) */
.b4c-badge .b4c-icon-img{
    transform: translateY(-1px);
}

/* =========================
   LIGNE INLINE (icône + GTranslate)
   ========================= */

/* Conteneur commun : tout sur une seule ligne, sans retour */
.b4c-inline{
    display:inline-flex !important;
    align-items:center;
    gap:.35em;
    line-height:1;
    flex-wrap:nowrap;
    color:#fff;
}

/* Icône (img SVG) : pas de baseline qui “pend” + taille fixe */
.b4c-inline img,
.b4c-inline .b4c-icon-img{
    display:block;
    width:14px;
    height:14px;
    transform: translateY(-1px);
}

/* La sortie GTranslate est souvent en bloc : force en inline-flex */
.b4c-inline .gtranslate_wrapper{
    display:inline-flex !important;
    align-items:center;
    gap:.25em;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
}

/* Cas fréquent : Gutenberg/shortcode entoure d’un <p> → on l’aligne en ligne */
.b4c-inline p{
    display:inline-flex !important;
    align-items:center;
    gap:.25em;
    margin:0 !important;
}

/* Conteneurs internes du switcher */
.b4c-inline .gt_switcher,
.b4c-inline .gt-selected{
    display:inline-flex;
    align-items:center;
}

/* Les liens dans la ligne héritent de la couleur (blanc) et restent propres */
.b4c-inline a{
    color:inherit;
    text-decoration:none;
}

/* =========================
   CIBLAGE HEADER ASTRA (HTML #2)
   Neutralise les <p>/<br> auto pour éviter les retours
   ========================= */
[data-section="section-hb-html-2"] .ast-builder-html-element > p{
    display:inline;
    margin:0;
}

[data-section="section-hb-html-2"] .ast-builder-html-element br{
    display:none;
}

/* Applique les styles inline dans ce header (au cas où d'autres règles les écrasent) */
[data-section="section-hb-html-2"] .b4c-inline{
    display:inline-flex !important;
    align-items:center;
    gap:.35em;
    line-height:1;
    flex-wrap:nowrap;
    color:#fff;
}

/* Renforce la taille + alignement de l'icône dans ce header (bats la spécificité) */
[data-section="section-hb-html-2"] .b4c-inline img,
[data-section="section-hb-html-2"] .b4c-inline .b4c-icon-img{
    display:block;
    width:14px;
    height:14px;
    transform: translateY(1px);
}

/* GTranslate dans ce header : inline-flex garanti */
[data-section="section-hb-html-2"] .b4c-inline .gtranslate_wrapper{
    display:inline-flex !important;
    align-items:center;
    gap:.25em;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
}

/* Si GTranslate ajoute encore un paragraphe */
[data-section="section-hb-html-2"] .b4c-inline p{
    display:inline-flex !important;
    align-items:center;
    gap:.25em;
    margin:0 !important;
}

div.wp-block-uagb-container.fullscreen-hero {
  background-image: url('https://b4cinsights.com/wp-content/uploads/2025/09/b4cinsights-hero-bg.png') !important;
  background-size: 100% 100% !important; /* occupe 100% largeur ET hauteur */
  background-repeat: no-repeat !important;
  background-position: center center !important;

  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  align-items: center;
}

/* === Colonnes : serrer l'espacement et empêcher les retours === */
.wp-block-columns.troisicones{
  justify-content: center;
  align-items: center;
  gap: 1.25rem;        /* espace entre colonnes → ajuste (1rem = plus serré) */
  column-gap: 1.25rem; /* compatibilité */
  flex-wrap: nowrap;   /* pas de retour à la ligne des colonnes */
}

/* Chaque colonne prend la largeur de son contenu (pas 1/3 fixe) */
.wp-block-columns.troisicones > .wp-block-column{
  flex: 0 0 auto;
}

/* Icône + texte : aligné et rapproché */
.wp-block-columns.troisicones .uagb-ifb-left-title-image{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;          /* espace entre picto et texte */
}

/* Texte : centrage + pas de retour à la ligne */
.wp-block-columns.troisicones .uagb-ifb-title-wrap,
.wp-block-columns.troisicones .uagb-ifb-title{
  text-align: center;
  white-space: nowrap;
  margin: 0;
}

/* Taille des pictos */
.wp-block-columns.troisicones .uagb-ifb-icon-wrap svg{
  width: 20px;
  height: 20px;
}

/* (Option) enlever un padding résiduel si UAGB en ajoute trop */
.wp-block-columns.troisicones .uagb-infobox__content-wrap{
  padding: 0;
}

/* Responsive : autoriser le retour à la ligne sur mobile pour éviter l'overflow */
@media (max-width: 480px){
  .wp-block-columns.troisicones{
    flex-wrap: wrap;
    gap: .75rem;
  }
}

/* Version simple : 1re et 2e colonnes seulement */
.wp-block-columns.troisicones > .wp-block-column:nth-child(-n + 2) {
  max-width: 114px; /* mets !important si nécessaire */
}