.elementor-kit-6{--e-global-color-primary:#050505;--e-global-color-secondary:#C7A970;--e-global-color-text:#F6F0E5;--e-global-color-accent:#FFDDFF;--e-global-color-b489258:#9E927B;--e-global-color-3a7628e:#69593A;--e-global-color-33521fe:#C7C2B9;--e-global-color-ca5da74:#E0D5C3;--e-global-color-25b8c09:#0C0C0C;--e-global-color-7fb01a1:#69593A38;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:bold;--e-global-typography-secondary-font-family:"Mirage";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Mirage";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mirage";--e-global-typography-accent-font-weight:bold;}.elementor-kit-6 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);}@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 *//* Séparateur or glow discret – ne force rien sur height/width/background */
.glow-divider-or .elementor-divider-separator {
    /* Glow très faible et fondu (ajuste les rgba si besoin) */
    box-shadow: 
        0 0 3px rgba(102, 88, 62, 0.08),
        0 0 8px  rgba(102, 88, 62, 0.045),
        0 0 20px rgba(102, 88, 62, 0.022),
        0 0 50px rgba(102, 88, 62, 0.009),
        0 0 100px rgba(102, 88, 62, 0.0035),
        0 0 200px rgba(102, 88, 62, 0.001);
}

/* Centrage + arrondi naturel (sans forcer width) */
.glow-divider-or .elementor-divider-separator {
    border-radius: 50%; /* extrémités arrondies pour fondu doux */
    margin: 0px auto !important; /* espace + centrage – ici !important est OK car pas bloquant */
}

/* Container principal */
.archetype-box {
    position: relative;
    overflow: hidden;
    background: #000000;
    border: 1px solid #BFA46F;
    transition: all 0.4s ease;
    cursor: pointer;
    box-sizing: border-box;
}

.archetype-box .main-content {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.archetype-box .reveal-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 40px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%);
    color: #F5F0E6;
    font-family: 'MADE Mirage', serif;
    font-size: 1.1rem;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.archetype-box:hover .reveal-text {
    opacity: 1;
    transform: translateY(0);
}

.archetype-box:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 8px 20px rgba(102, 88, 62, 0.03),     /* ombre principale très faible */
        0 15px 40px rgba(102, 88, 62, 0.06),    /* halo moyen presque invisible */
        0 30px 80px rgba(102, 88, 62, 0.025);   /* diffusion lointaine négligeable */
}

.archetype-box:hover .main-content {
    opacity: 0.7;
}

/* Header sans bordure au chargement */
.header-scroll-border {
    border-bottom: none !important;
    transition: border-bottom 0.4s ease, box-shadow 0.4s ease;
}

/* Au scroll : bordure très fine et glow ultra-discret */
.header-scrolled.header-scroll-border {
    border-bottom: 1px solid #66583E !important; /* même couleur or foncé/mate */
    box-shadow: 0 4px 12px rgba(102, 88, 62, 0.06) !important; /* opacité très faible, glow à peine visible */
}

/* Titres uniquement à l'intérieur du contenu article */
#article-content h1,
#article-content h2,
#article-content h3,
#article-content h4,
#article-content h5,
#article-content h6 {
    font-family: 'MADE Mirage', serif !important;
}

/* Optionnel : accentue l'élégance */
#article-content h1,
#article-content h2,
#article-content h3,
#article-content h4,
#article-content h5,
#article-content h6 {
    font-weight: 400; /* Medium ou Bold selon tes weights uploadés */
    color: #C7A970 !important; /* or mat pour les titres */
    line-height: 1.3;
    margin-bottom: 0.8em;
}

/* Si tu veux un glow très subtil sur les titres */
#article-content h1,
#article-content h2,
#article-content h3 {
    text-shadow: 0 0 8px rgba(199, 169, 112, 0.1) !important;
}/* End custom CSS */