/* =====================================================================
   INKADH ELEMENTOR WIDGETS — Styles partagés / Général
   Toutes les couleurs, tailles et valeurs sont dans : inkadh-tokens.css
       Utilisez var(--inkadh-*) — ne jamais coder de valeur en dur.
   Font    : 'Sora' (chargée via Google Fonts dans chaque widget render)

   Fichiers par widget :
     widget-hero.css        → Hero Carousel (#1)
     widget-textes.css      → Textes Juridiques (#2)
     widget-fonds.css       → Fonds Documentaire (#3)
     widget-activites.css   → Activités (#4)
     widget-actualites.css  → Actualités (#5)
     widget-podcast.css     → Podcast (#6)
     widget-annonces.css    → Annonces Carousel (#7)
     widget-sponsors.css    → Sponsors (#8)
     widget-faq.css         → FAQ (#9)
     widget-footer.css      → Footer (#10)
   ===================================================================== */

/* ── Reset générique dans chaque widget ── */
.inkadh-widget *, .inkadh-widget *::before, .inkadh-widget *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.inkadh-widget { font-family: var(--inkadh-font); }

/* =====================================================================
   Animation partagée
   ===================================================================== */
@keyframes inkadh-fadeUp {
    from { opacity:0; transform:translateY(22px); }
    to   { opacity:1; transform:translateY(0); }
}

/* =====================================================================
   SPACING — Suppression des gaps thème + Elementor autour des widgets Inkadh
   ===================================================================== */

/* 1. Le thème ajoute margin-top:1rem sur #main — on le supprime sur les pages Elementor */
.elementor-page #main {
    margin-top: 0 !important;
}

/* 2. Masquer le titre de page auto-généré par le template page-full au-dessus du contenu Elementor */
.elementor-page .entry-title {
    display: none;
}

/*
 * 3. ELEMENTOR CONTAINERS (e-con) : padding par défaut = 10px top/bottom/left/right
 *    (défini dans elementor/assets/css/frontend.css via CSS custom properties)
 *    On override les variables CSS custom sur tout container qui contient directement
 *    un widget Inkadh — avec et sans :has() pour compatibilité maximale.
 */

/* Avec :has() (Chrome 105+, Firefox 121+, Safari 15.4+) */
.e-con:has(> .elementor-widget[class*="elementor-widget-inkadh_"]) {
    --padding-top:    0px;
    --padding-bottom: 0px;
    --padding-left:   0px;
    --padding-right:  0px;
    /* Les variables block/inline héritent automatiquement */
}

/* Fallback sans :has() : cibler le widget-container directement */
.elementor-widget[class*="elementor-widget-inkadh_"] > .elementor-widget-container {
    padding: 0 !important;
    margin:  0 !important;
}

/* 4. Supprimer aussi le gap entre containers frères (stacking vertical) */
.elementor-page .e-con.e-parent + .e-con.e-parent {
    margin-top: 0 !important;
}