.elementor-kit-8516{--e-global-color-primary:#0A2342;--e-global-color-secondary:#D4AF37;--e-global-color-text:#222222;--e-global-color-accent:#666666;--e-global-color-cad8a2e:#F8F9FA;--e-global-color-9dd258a:#FFFFFF;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8516 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* PALETTE GLOBALE */
:root {
    --primary: #0A2342;
    --accent: #D4AF37;
    --text-dark: #222;
    --text-light: #666;
    --bg-light: #f8f9fa;
    --radius: 12px;
}

/* Animations */
@keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.animate-up { animation: fadeInUp 0.8s ease forwards; }
.pulse { animation: pulse 2s infinite; }

/* Styles Spécifiques DZ-Expertise */
.badge-trust {
    display: inline-block; background: #e3f2fd; color: var(--primary);
    padding: 6px 15px; border-radius: 20px; font-weight: 600; font-size: 0.85rem; margin-bottom: 20px;
}
.text-highlight {
    background: linear-gradient(120deg, rgba(212,175,55,0.2) 0%, rgba(212,175,55,0.2) 100%);
    background-repeat: no-repeat; background-size: 100% 30%; background-position: 0 88%;
}
.btn-hero {
    display: inline-block; background: var(--accent); color: #000; padding: 15px 40px;
    border-radius: 50px; font-weight: 700; text-decoration: none;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4); transition: 0.3s;
}
.btn-hero:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.5); color: #000; }

/* --- CARTES FLOTTANTES --- */
.float-card {
    position: absolute; 
    background: #fff; 
    padding: 15px 20px; 
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1); 
    display: flex; 
    gap: 15px; 
    align-items: center;
    animation: float 4s ease-in-out infinite; 
    z-index: 2;
    /* Sécurité : ne jamais dépasser 90% du parent */
    max-width: 90%; 
}

.icon-circle { width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; }
.bg-blue { background: var(--primary); }
.bg-gold { background: var(--accent); }

/* Ajustement Image Hero (Base PC) */
.hero-img-container { position: relative; padding: 20px; }
.hero-img-container img { border-radius: 30px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); transform: rotate(2deg); transition: 0.5s; width: 100%; }
.hero-img-container:hover img { transform: rotate(0deg); }

/* Footer Links */
.footer-links a { color: #ccc; text-decoration: none; display: block; margin-bottom: 10px; transition: 0.3s; }
.footer-links a:hover { color: var(--accent); padding-left: 5px; }

/* --- RÈGLES DE SÉCURITÉ MOBILE (OVERRIDES) --- */

/* 1. Version PC : On autorise le dépassement joli */
@media (min-width: 768px) {
    .card-top { top: 10%; left: -30px; }
    .card-bottom { bottom: 10%; right: -30px; animation-delay: 2s; }
}

/* 2. Version Mobile : On bloque tout dépassement */
@media (max-width: 767px) {
    .float-card {
        padding: 10px; 
        font-size: 0.8rem;
    }
    
    .card-top { 
        top: 5%; 
        left: 0; /* RENTRÉ À L'INTÉRIEUR */
    }
    
    .card-bottom { 
        bottom: 5%; 
        right: 0; /* RENTRÉ À L'INTÉRIEUR */
        animation-delay: 2s; 
    }
    
    /* On empêche l'image de tourner pour ne pas que les coins sortent */
    .hero-img-container img {
        transform: none !important;
        box-shadow: none !important;
    }
    
    /* Sécurité ultime */
    body, html { overflow-x: hidden !important; }
}/* End custom CSS */