.elementor-4634 .elementor-element.elementor-element-436860f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6d6dacd *//* ============================================
   CSS PERSONNALISÉ POUR ELEMENTOR
   À ajouter dans : Widget HTML > Avancé > CSS personnalisé
   ============================================ */

/* RESET ET ISOLATION DU WIDGET */
.elementor-widget-html {
    all: initial;
    display: block;
    width: 100%;
}

.elementor-widget-html * {
    box-sizing: border-box;
}

/* CORRECTION DES TITRES (éviter l'héritage Elementor) */
.elementor-widget-html h1,
.elementor-widget-html h2,
.elementor-widget-html h3 {
    color: inherit !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hero Section - Titres blancs */
.hero-section h1,
.hero-section .hero-title {
    color: #ffffff !important;
    font-size: 3em !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
}

.hero-section p,
.hero-section .hero-subtitle {
    color: #ffffff !important;
    opacity: 0.95 !important;
}

/* Section Titles - Bleu primaire */
.section-title {
    color: #1a5490 !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
}

/* Keypoints Section - Titre blanc */
.keypoints-section .section-title {
    color: #ffffff !important;
}

/* CEO Section */
.ceo-name {
    color: #1a5490 !important;
    font-size: 2.2em !important;
    font-weight: 700 !important;
}

.ceo-title {
    color: #f39c12 !important;
    font-size: 1.3em !important;
}

/* CTA Titles */
.cta-transition-title,
.cta-title {
    color: #1a5490 !important;
    font-weight: 700 !important;
}

.cta-transition-title {
    color: #ffffff !important;
}

.cta-contact-title {
    color: #1a5490 !important;
    font-size: 2em !important;
}

/* Keypoint Titles */
.keypoint-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* CORRECTION DES LIENS */
.elementor-widget-html a {
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* CORRECTION DES POLICES */
.elementor-widget-html,
.elementor-widget-html body,
.elementor-widget-html * {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* PRÉSERVER LES COULEURS DE FOND */
.hero-section {
    background: linear-gradient(135deg, #1a5490 0%, #2980b9 100%) !important;
    color: #ffffff !important;
}

.keypoints-section {
    background: linear-gradient(135deg, #1a5490 0%, #2980b9 100%) !important;
    color: #ffffff !important;
}

.about-section {
    background: #ffffff !important;
}

.ceo-section {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

.video-section {
    background: #ffffff !important;
}

.conclusion-section {
    background: #ffffff !important;
}

.cta-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.cta-transition {
    background: linear-gradient(135deg, #1a5490 0%, #2980b9 100%) !important;
    color: #ffffff !important;
}

/* CORRECTION DU CONTENEUR PRINCIPAL */
.container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* ÉVITER LES CONFLITS AVEC LE THÈME */
.elementor-widget-html img {
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
}

/* BOUTONS */
.elementor-widget-html .cta-button,
.elementor-widget-html .video-button {
    display: inline-flex !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.video-button {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: #ffffff !important;
}

.cta-primary {
    background: linear-gradient(135deg, #1a5490 0%, #2980b9 100%) !important;
    color: #ffffff !important;
}

.cta-secondary {
    background: #ffffff !important;
    color: #1a5490 !important;
    border: 2px solid #1a5490 !important;
}

/* TEXTES */
.elementor-widget-html p {
    line-height: 1.8 !important;
    margin-bottom: 1em !important;
}

/* STAT NUMBERS */
.stat-number {
    color: #1a5490 !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
}

/* INSIGHT GROWTH */
.insight-growth {
    color: #f39c12 !important;
    font-size: 3em !important;
    font-weight: 700 !important;
}

/* HIGHLIGHT BOX */
.cta-highlight {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: #ffffff !important;
}

/* CONTACT INFO LINKS */
.contact-info a {
    color: #2c3e50 !important;
    text-decoration: none !important;
}

.contact-info a:hover {
    color: #f39c12 !important;
}

.contact-info strong {
    color: #1a5490 !important;
}

/* FEATURE CARDS */
.cta-feature strong {
    color: #1a5490 !important;
}

/* QUOTE BOX */
.quote-box {
    background: #f8f9fa !important;
    border-left: 5px solid #f39c12 !important;
    color: #2c3e50 !important;
}

/* RESPONSIVE - Assurer que ça fonctionne sur mobile */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2em !important;
    }
    
    .section-title {
        font-size: 1.8em !important;
    }
    
    .cta-title {
        font-size: 1.8em !important;
    }
}

/* FORCER LA PRIORITÉ SUR LES STYLES ELEMENTOR */
.elementor-widget-html .hero-section *,
.elementor-widget-html .keypoints-section * {
    color: inherit !important;
}

/* S'ASSURER QUE LES ANIMATIONS FONCTIONNENT */
.elementor-widget-html [class*="animation"],
.elementor-widget-html [style*="animation"] {
    animation-play-state: running !important;
}

/* CORRECTION SPÉCIFIQUE POUR LES TITRES ROSES */
.elementor-widget-html h1:not(.hero-title),
.elementor-widget-html h2:not(.hero-subtitle),
.elementor-widget-html h3 {
    color: #1a5490 !important;
}

/* Dans les sections avec fond coloré, forcer le blanc */
.hero-section *,
.keypoints-section *,
.cta-transition * {
    color: #ffffff !important;
}

/* Exceptions pour les éléments qui doivent garder leur couleur */
.keypoint-icon,
.insight-growth,
.highlight-stat {
    color: #f39c12 !important;
}

/* ISOLER COMPLÈTEMENT LE WIDGET DES STYLES GLOBAUX */
.elementor-widget-html {
    isolation: isolate !important;
}

/* ÉVITER L'HÉRITAGE DES COULEURS DU THÈME */
.elementor-html-widget * {
    color: inherit !important;
}
/* ============================================
   CORRECTION FINALE - ÉLÉMENTS ORANGE EN ROSE
   Ajoutez ce CSS EN PLUS du CSS existant
   ============================================ */

/* FORCER TOUS LES ÉLÉMENTS ORANGE */

/* 1. CTA Highlight Box - Fond orange */
.cta-highlight,
.cta-highlight * {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: #ffffff !important;
}

/* 2. Bouton Vidéo - Orange */
.video-button {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: #ffffff !important;
}

.video-button:hover {
    background: linear-gradient(135deg, #e67e22 0%, #f39c12 100%) !important;
}

.video-button * {
    color: #ffffff !important;
}

/* 3. Titre CEO - Orange */
.ceo-title {
    color: #f39c12 !important;
}

/* 4. Statistiques de croissance - Orange */
.insight-growth {
    color: #f39c12 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
}

/* 5. Stats highlight dans keypoints - Orange */
.highlight-stat {
    background: rgba(243, 156, 18, 0.3) !important;
    color: #ffffff !important;
    border: 1px solid #f39c12 !important;
}

/* 6. Icônes des keypoints - Orange */
.keypoint-icon {
    background: #f39c12 !important;
    color: #ffffff !important;
}

/* 7. Bordure gauche quote box - Orange */
.quote-box {
    border-left-color: #f39c12 !important;
}

/* 8. Bordure gauche des cartes au hover - Orange */
.stat-card:hover {
    border-left-color: #f39c12 !important;
}

.keypoint-card {
    border-left-color: #f39c12 !important;
}

.cta-feature:hover {
    border-left-color: #f39c12 !important;
}

.cta-contact-item:hover {
    border-left-color: #f39c12 !important;
}

/* 9. Liens au hover - Orange */
.contact-info a:hover {
    color: #f39c12 !important;
}

/* 10. Underline des liens Mubawab - Orange */
a[href*="mubawab.tn"] {
    border-bottom-color: #f39c12 !important;
}

/* 11. Icône play du bouton vidéo */
.video-button-icon {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* 12. Date hero - Fond semi-transparent */
.hero-date {
    background: rgba(243, 156, 18, 0.2) !important;
}

/* 13. Après le titre des sections - Ligne orange */
.section-title::after {
    background: linear-gradient(90deg, #f39c12, transparent) !important;
}

/* 14. Guillemets de la citation - Orange */
.quote-box::before {
    color: #f39c12 !important;
}

/* EMPÊCHER L'HÉRITAGE DES COULEURS ROSES DU THÈME */
.elementor-widget-html .cta-highlight,
.elementor-widget-html .video-button,
.elementor-widget-html .ceo-title,
.elementor-widget-html .insight-growth,
.elementor-widget-html .keypoint-icon,
.elementor-widget-html .highlight-stat {
    color: inherit !important;
}

/* SURCHARGE SPÉCIFIQUE POUR ELEMENTOR */
.elementor-widget-html [style*="color"] {
    color: inherit !important;
}

/* SI LE PROBLÈME PERSISTE - SOLUTION NUCLÉAIRE */
/* Décommentez ces lignes en dernier recours */
/*
.elementor-widget-html * {
    color: inherit !important;
}

.elementor-widget-html h1,
.elementor-widget-html h2,
.elementor-widget-html h3,
.elementor-widget-html h4 {
    color: inherit !important;
}
*/

/* VÉRIFICATION : Tous les orange doivent être #f39c12 ou #e67e22 */

/* ============================================
   CORRECTION FINALE - 3 PROBLÈMES SPÉCIFIQUES
   Ajoutez ce CSS à la fin de votre CSS existant
   ============================================ */

/* 1. "Les Points Clés de l'Interview" - BLANC */
.keypoints-section .section-title,
.keypoints-section h2 {
    color: #ffffff !important;
}

/* 2. "Une Opportunité d'Investissement à Saisir" - BLANC */
.cta-transition-title,
.cta-transition h3 {
    color: #ffffff !important;
}

/* 3. Supprimer l'élément orange de la citation (guillemets) */
.quote-box::before {
    content: '' !important;
    display: none !important;
}

/* Alternative : Si vous voulez garder les guillemets mais en gris */
/*
.quote-box::before {
    color: #7f8c8d !important;
    opacity: 0.3 !important;
}
*/

/* Forcer la couleur blanche dans les sections avec fond bleu */
.keypoints-section *:not(.highlight-stat):not(.keypoint-icon):not(.insight-growth) {
    color: #ffffff !important;
}

.cta-transition * {
    color: #ffffff !important;
}

/* S'assurer que les titres ne prennent pas la couleur du thème */
.elementor-widget-html .keypoints-section .section-title,
.elementor-widget-html .cta-transition-title {
    color: #ffffff !important;
}

/* ============================================ *//* End custom CSS */