/*
 * BNEI : finitions du design (header, footer, page d'accueil Elementor).
 * La mise en page est 100 % native Elementor ; ce fichier ne gère que les détails
 * impossibles à régler dans l'interface (flèche ronde des boutons, halos, filets).
 * Classes à placer dans Avancé > Classes CSS.
 */

/* Cadre blanc centré (1392 px max) */
.bnei-frame { width: 100%; max-width: 1392px; margin-left: auto !important; margin-right: auto !important; }

/* Boutons pilule avec flèche dans un rond : classe « bnei-btn » sur le widget Bouton */
.bnei-btn .elementor-button { display: inline-flex; align-items: center; transition: background-color .2s ease, transform .2s ease; }
.bnei-btn .elementor-button-content-wrapper { align-items: center; }
.bnei-btn .elementor-button-icon { width: 36px; height: 36px; flex: none; border-radius: 50%; background: #152C55; color: #fff; fill: #fff; display: inline-flex; align-items: center; justify-content: center; }
.bnei-btn .elementor-button-icon svg { width: 13px; height: 13px; fill: currentColor; }
.bnei-btn .elementor-button-icon i { font-size: 12px; color: inherit; }
.bnei-btn--sm .elementor-button-icon { width: 30px; height: 30px; }
.bnei-btn--light .elementor-button-icon { background: #fff; color: #152C55; fill: #152C55; }
.bnei-btn--dot-yellow .elementor-button-icon { background: #FFEB5F; color: #152C55; fill: #152C55; }
.bnei-btn .elementor-button:hover { transform: translateY(-1px); }
/* Certains thèmes forcent « .elementor-button span { color: inherit } » : la flèche prenait la couleur du rond. */
.bnei-btn .elementor-button .elementor-button-icon { color: #fff !important; fill: #fff !important; }
.bnei-btn .elementor-button .elementor-button-icon svg,
.bnei-btn .elementor-button .elementor-button-icon svg * { fill: currentColor !important; color: inherit !important; }
.bnei-btn .elementor-button .elementor-button-icon i { color: inherit !important; }
.bnei-btn.bnei-btn--light .elementor-button .elementor-button-icon,
.bnei-btn.bnei-btn--dot-yellow .elementor-button .elementor-button-icon { color: #152C55 !important; fill: #152C55 !important; }

/* Icône sur halo blanc ombré (cartes « missions ») */
.bnei-glow .elementor-icon { box-shadow: 0 8px 20px rgba(21, 44, 85, .45), 0 0 0 28px #fff, 0 12px 40px 28px rgba(21, 44, 85, .10); }
.bnei-glow-soft .elementor-icon { box-shadow: 0 8px 20px rgba(21, 44, 85, .4); }
.bnei-icon-shadow .elementor-icon { box-shadow: 0 6px 16px rgba(21, 44, 85, .08); }
.bnei-arrow-outline .elementor-icon { box-shadow: inset 0 0 0 1px #E3E8F0; }

/* Cartes qui se soulèvent au survol */
.bnei-lift { transition: transform .2s ease, box-shadow .2s ease; }
.bnei-lift:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(21, 44, 85, .14) !important; }

/* Surtitre encadré de deux filets (« Qui sommes-nous ») */
.bnei-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; gap: 12px; }
.bnei-eyebrow .elementor-heading-title::before,
.bnei-eyebrow .elementor-heading-title::after { content: ""; width: 34px; height: 1.5px; background: #2568B0; }

/* Étoile devant « CLUB AVANTAGES BNEI » */
.bnei-sparkle .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; }
.bnei-sparkle .elementor-heading-title::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Pastille d'initiales des partenaires (à remplacer par les logos) */
.bnei-initials .elementor-heading-title { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background: #F5F7FB; display: flex; align-items: center; justify-content: center; }

/* Pastille « Nouveau » du hero */
.bnei-chip { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3); color: #fff !important; text-decoration: none !important; font-weight: 600; }
.bnei-chip span { background: #FFEB5F; color: #152C55; border-radius: 999px; padding: 4px 10px; font: 800 12px Montserrat, sans-serif; }
.bnei-chip:hover { background: rgba(255, 255, 255, .22); }

/* Visuel « Qui sommes-nous » : halo bleu + bâtiment au trait */
.bnei-about-visual { background-image: url("../img/batiment.svg"), radial-gradient(circle at 55% 45%, #DCE8F8 0%, #EEF3FA 50%, rgba(255, 255, 255, 0) 72%); background-repeat: no-repeat; background-position: center bottom, center; background-size: 100% auto, 100% 100%; }

/* Widget Articles (Elementor Pro) en cartes horizontales */
.bnei-posts .elementor-post { background: #fff; border-radius: 24px; padding: 14px; box-shadow: 0 8px 24px rgba(21, 44, 85, .08); gap: 18px; transition: transform .2s ease, box-shadow .2s ease; }
.bnei-posts .elementor-post:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(21, 44, 85, .14); }
.bnei-posts .elementor-post__thumbnail { border-radius: 16px; overflow: hidden; }
.bnei-posts .elementor-post__text { padding: 12px 6px 12px 12px; }
.bnei-posts .elementor-post__title a { color: inherit; }
.bnei-posts .elementor-post__meta-data { margin-bottom: 10px; }

/* Bouton de recherche du header (widget Recherche, habillage plein écran) */
.bnei-search-toggle .elementor-search-form__toggle i,
.bnei-search-toggle .elementor-search-form__toggle .e-font-icon-svg-container { border-radius: 50%; }

/* Icônes sociales du footer */
.bnei-social .elementor-social-icon { box-shadow: 0 4px 12px rgba(21, 44, 85, .08); }

@media (prefers-reduced-motion: reduce) {
	.bnei-lift, .bnei-posts .elementor-post, .bnei-btn .elementor-button { transition: none; }
	.bnei-lift:hover, .bnei-posts .elementor-post:hover, .bnei-btn .elementor-button:hover { transform: none; }
}
@media (max-width: 767px) {
	.bnei-glow .elementor-icon { box-shadow: 0 8px 20px rgba(21, 44, 85, .45), 0 0 0 22px #fff, 0 12px 30px 22px rgba(21, 44, 85, .10); }
	.bnei-posts .elementor-post { flex-direction: column-reverse; }
}