/* Définition des palettes de couleurs */
:root {
    --color-text-h2: #f5f6f5; /* Blanc cassé subtil pour contraste doux */
    --color-site-bg: #0a1421; /* Bleu-noir profond, ambiance spatiale */
    --color-primary: #00ace6; /* Turquoise vibrant, moderne et futuriste */
    --color-secondary: #1e2a44; /* Bleu nuit élégant */
    --color-cat: #00ace6; /* Turquoise assorti pour les catégories */
    --color-date: #8a9bb8; /* Gris-bleu clair, discret et lisible */
    --color-nav-bg: #1E2A44F2; /* Bleu sombre semi-transparent */
    --color-nav-text: #d9e1e8; /* Gris clair doux pour lisibilité */
    --color-nav-hover: #00ace6; /* Vert-turquoise néon pour survol */
    --color-bottom-nav-bg: #1e2a44; /* Même bleu nuit que secondaire */
    --color-bottom-nav-text: #d9e1e8; /* Gris clair assorti */
    --color-bottom-nav-hover: #00ace6; /* Turquoise pour survol bas */
    --color-link: #00ace6; /* Vert-turquoise pour liens */
    --color-link-alt: #00ace6; /* Turquoise principal pour variantes */
    --color-line: #00ace6; /* Vert-turquoise pour lignes */
    --color-feat1-pop-head-bg: #00ace6; /* Turquoise pour en-têtes pop */
    --color-feat1-pop-head-title: #00ace6; /* Turquoise pour titres pop */
    --color-feat1-list-but-bg: #00ace6; /* Turquoise pour boutons liste */
    --color-blog-story-h2: #f5f6f5; /* Blanc cassé pour h2 dans blog story */
    --color-blog-story-text: #eeeeee; 
    --color-button-text:#FFFFFF; /* Blanc */
}

/* Mode Matrix (rouge) */
:root[data-theme="rouge"] {
    --color-text-h2: #f9e6e6; /* Blanc rosé doux pour contraste */
    --color-site-bg: #1a0000; /* Rouge-noir profond, ambiance intense */
    --color-primary: #ff3366; /* Rose-rouge néon, audacieux */
    --color-secondary: #3d0d1a; /* Rouge sombre sophistiqué */
    --color-cat: #ff6680; /* Rose-rouge clair pour catégories */
    --color-date: #ff99a3; /* Rose pâle pour dates */
    --color-text: #f9e6e6; /* Texte blanc rosé */
    --color-text-title: #f9e6e6; /* Titres blanc rosé */
    --color-nav-bg: #3D0D1AF2; /* Rouge sombre semi-transparent */
    --color-nav-text: #ff6680; /* Rose-rouge clair pour texte nav */
    --color-nav-hover: #ff4d80; /* Rose-rouge vif pour survol */
    --color-bottom-nav-bg: #3d0d1a; /* Rouge sombre bas */
    --color-bottom-nav-text: #f9e6e6; /* Blanc rosé pour texte bas */
    --color-bottom-nav-hover: #ff3366; /* Rose-rouge néon pour survol bas */
    --color-link: #ff4d80; /* Rose-rouge vif pour liens */
    --color-link-alt: #f9e6e6; /* Blanc rosé pour variantes */
    --color-line: #ff4d80; /* Rose-rouge pour lignes */
    --color-feat1-pop-head-bg: #ff3366; /* Rose-rouge pour en-têtes pop */
    --color-feat1-pop-head-title: #ff3366; /* Rose-rouge pour titres pop */
    --color-feat1-list-but-bg: #ff3366; /* Rose-rouge pour boutons liste */
    --color-blog-story-h2: #f9e6e6; /* Blanc rosé pour h2 dans blog story */
    --color-blog-story-text: #eeeeee; 
    --color-button-text:#FFFFFF; /* Blanc */
}

/********************************/
/* Background du site */
/********************************/
#mvp-main-nav-top, #mvp-nav-top-mid, #mvp-fly-wrap, .mvp-soc-mob-right, #mvp-main-nav-small-cont {
    background: var(--color-site-bg) !important;
}

#mvp-main-nav-bot-cont {
    background: var(--color-nav-bg) !important;
}

#mvp-main-body-wrap {
    background: var(--color-site-bg) !important;
    width: 100%;
}

#mvp-feat1-wrap {
    background: var(--color-site-bg) !important;
    margin-bottom: 60px;
    width: 100%;
}

#mvp-foot-wrap {
    background: var(--color-bottom-nav-bg) !important;
    width: 100%;
}

.mvp-feat1-pop-text {
    background: var(--color-nav-bg) !important;
}

.mvp-feat1-pop-cont {
    background: var(--color-nav-bg) !important;
}

.mvp-feat1-list-out {
    background: var(--color-nav-bg) !important;
}

/********************************/
/* Couleur des éléments du site */
/********************************/

/* Maintenir le header principal (#mvp-main-head-wrap) fixé et visible */
#mvp-main-head-wrap {
    position: fixed !important;
    background: var(--color-site-bg) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    transform: none !important; /* Annule toute transformation (ex. translate3d) */
    height: auto !important; /* Conserve la hauteur initiale */    
}

#mvp-main-nav-bot {
    position: fixed !important;
    top: 110px; /* Ajustez cette valeur selon la hauteur de #mvp-main-nav-top ou du header */
    left: 0 !important;
    width: 100% !important;
    background: var(--color-nav-bg) !important;
    z-index: 998 !important; /* Juste en-dessous de #mvp-main-head-wrap (9999) */
}

/* Désactiver le header réduit (#mvp-main-nav-small) et ses classes associées */
#mvp-main-nav-small,
.mvp-nav-small,
.mvp-fixed,
.mvp-fixed1,
.mvp-nav-small-fixed {
    display: none !important; /* Masque complètement la version réduite */
}

/* Ajuster le contenu sous le header pour éviter qu'il ne soit masqué */
#mvp-main-body-wrap {
    background: var(--color-site-bg) !important;
    width: 100%;
    padding-top: 235px;
}

/* S'assurer que la bannière (#mvp-leader-wrap) reste au-dessus si présente */
#mvp-leader-wrap {
    position: fixed !important;
    top: 0 !important;
    z-index: 998 !important; /* Juste en-dessous de #mvp-main-head-wrap */
}

/* Ajustement de la position du logo pour l'alignement */
.mvp-nav-top-logo-wrap {
    display: flex;
    align-items: center;
    margin-left: 80px !important; /* Décalage de 80px vers la droite */
}

.mvp-nav-logo-reg img {
    height: 50px !important;
    transform: scale(0.85);
    transform-origin: center;
}


/* Ajustement du conteneur parent */
.mvp-nav-top-mid {
    display: flex;
    justify-content: space-between; /* Espace entre les éléments */
    align-items: center;
    width: 100%;
}

/* Gestion des logos dans le header */
.mvp-nav-logo-reg .default-logo {
    display: none !important; /* Par défaut masqué */
}

.mvp-nav-logo-reg .matrix-logo {
    display: none !important; /* Par défaut masqué */
}

[data-theme="bleu"] .mvp-nav-logo-reg .default-logo {
    display: block !important;
}

[data-theme="bleu"] .mvp-nav-logo-reg .matrix-logo {
    display: none !important;
}

[data-theme="rouge"] .mvp-nav-logo-reg .default-logo {
    display: none !important;
}

[data-theme="rouge"] .mvp-nav-logo-reg .matrix-logo {
    display: block !important;
}

/* Gestion des logos dans le menu mobile */
#mvp-fly-menu-top {
    display: flex !important;
    justify-content: space-between !important; /* Espace les éléments */
    align-items: center !important; /* Centre verticalement */
    width: 100% !important;
    height: 50px !important;
    position: relative !important;
    margin-top: 18px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
}

#mvp-fly-logo {
    flex: 1 !important; /* Prend l'espace disponible au centre */
    display: flex !important;
    justify-content: center !important; /* Centre le logo */
    align-items: center !important;
}

#mvp-fly-logo a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#mvp-fly-logo img {
    transform: scale(0.75);
    transform-origin: center;
}

.mvp-fly-but-wrap {
    flex: 0 0 auto !important; /* Ne s'étend pas, reste compact */
    margin-left: 8px !important; /* Conserver l'espacement */
}

/* Par défaut, masquer les deux logos */
[data-theme="bleu"] #mvp-fly-logo .matrix-logo,
[data-theme="rouge"] #mvp-fly-logo .default-logo {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Mode bleu */
[data-theme="bleu"] #mvp-fly-logo .default-logo {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 50px !important;
    width: auto !important;
}

/* Mode rouge */
[data-theme="rouge"] #mvp-fly-logo .matrix-logo {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 50px !important;
    width: auto !important;
}

/* Force le centrage du logo */
.mvp-nav-top-mid {
    display: flex;
    justify-content: flex-start; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
}

.mvp-nav-top-mid a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Container du logo */
#mvp-logo-nav {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
}

/* Force le header à garder sa hauteur */
.mvp-nav-small {
    top: 0 !important;
    height: auto !important;
    transform: none !important;
    padding: 15px 0 !important;
}

.mvp-fly-but-wrap span, .mvp-fly-but-click span {
    background: var(--color-nav-text) !important;
}

#mvp-nav-bot-wrap span.mvp-nav-search-but, #mvp-nav-bot-wrap .mvp-nav-menu ul li a {
    color: var(--color-nav-text) !important;
}

.menu-item a {
    color: var(--color-nav-text) !important;
}

/* Barre de survol du menu */
.mvp-nav-menu ul li:hover a {
    border-bottom: none !important;
    padding: 18px 12px !important;
}

/* Notre barre de survol personnalisée */
.mvp-nav-menu ul li a::after {
    background: var(--color-nav-text) !important;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .3s, transform .3s;
}

.mvp-nav-menu ul li:hover a::after {
    opacity: 1 !important;
    transform: translateY(0);
}

.mvp-feat1-pop-text {
    padding: 10px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: hidden !important;
}

.mvp-feat1-pop-text::before {
    content: "" !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: static !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.mvp-cd-cat {
    color: var(--color-cat) !important;
}

/* Styles pour les labels précédent/suivant avec une spécificité plus élevée */
body .mvp-prev-next-wrap span.mvp-prev-next-label,
body #mvp-content-main .mvp-prev-next-wrap span.mvp-prev-next-label,
body .mvp-cont-read-wrap span.mvp-prev-next-label,
body span.mvp-prev-next-label,
.mvp-widget-feat2-side-more-but,
.woocommerce .star-rating span:before,
.mvp-cat-date-wrap .sticky {
    color: var(--color-cat) !important;
    font-weight: bold !important;
}

/* Pour s'assurer que le style s'applique aussi au survol avec une spécificité plus élevée */
body .mvp-prev-next-wrap:hover span.mvp-prev-next-label {
    color: var(--color-cat) !important;
}

span.mvp-cd-date {
    display: none !important;
}

.mvp-feat1-pop-text h2 {
    color: var(--color-text-h2) !important;
}

.mvp-feat1-list-in {
    padding-top: 10px !important;
}

.mvp-feat1-list-text h2 {
    color: var(--color-text-h2) !important;
}

/* Correction lisibilité pour .mvp-blog-story-text */
.mvp-blog-story-text h2 {
    color: var(--color-blog-story-h2) !important;
}

.mvp-blog-story-text p {
    color: var(--color-blog-story-text) !important;
}

/* Style pour garantir une image carrée */
.mvp-feat1-list-img {
    width: 80px !important;
    height: 80px !important;
    overflow: hidden !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

.mvp-feat1-list-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Ajuster le conteneur parent pour aligner l'image */
.mvp-feat1-list-out {
    display: flex !important;
    align-items: center !important;
    padding: 10px !important;
}

.mvp-feat1-pop-head span {
    background-color: var(--color-primary) !important;
    color: var(--color-button-text) !important;
}

/*** Choix du type d'image qui s'affiche ***/ 

/* Image principale de la page d'accueil */

.mvp-feat1-feat-img {
    height: 520px !important;
    width: 100% !important;
}

.mvp-feat1-feat-img .featured-img {
    display: none;
}

.mvp-feat1-feat-img .square-img {   
    display: block;
}

.mvp-feat1-sub-img {
    height: 272px !important;
    width: 100% !important;
    min-height: 200px !important;
}

.mvp-feat1-sub-img .square-img {
    display: none;
}

.mvp-feat1-sub-img .featured-img {
    display: block;
}

/* Vignette des articles populaires */
.mvp-feat1-pop-img .featured-img {
    display: block;
}

.mvp-feat1-pop-img .square-img {
    display: none;
}

/* Vignette des articles catégories */
.mvp-blog-story-img .featured-img {
    display: block;
}

.mvp-blog-story-img .square-img {
display: none;
}

/* Style par défaut (PC) pour mvp-feat1-pop-img */
.mvp-feat1-pop-img {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.mvp-feat1-pop-img .featured-img img {
    width: 100%;
    height: auto;
    display: block;
}

ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but, span.mvp-widget-home-title, span.mvp-post-cat {
    background-color: var(--color-primary) !important;
}

span.mvp-feat1-list-but {
    background-color: var(--color-primary) !important;
    color: var(--color-button-text) !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 13px;
    text-transform: uppercase;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.mvp-vid-box-wrap,
.mvp-vid-box-mid {
    display: none !important;
}

/* Style du container switcher */
#mvp-switcher {
    position: fixed;
    top: 160px;
    width: 100%;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    background: var(--color-site-bg) !important;
    left: 50%;
    transform: translateX(-50%);    
}

/* Styles pour le toggle dans le nouveau container */
#mvp-switcher #matrix-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Répartit les éléments */
    background: #444444 !important;
    color: white;
    padding: 6px 6px 6px 12px; /* Décalage de 12px pour l'image */
    border-radius: 23px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1000;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 auto;
    position: relative;
    width: 480px !important;
    max-width: 1200px;
}

/* Répartition personnalisée pour les lunettes, taille réduite */
#img-glasses {
    flex: 0 0 20%; /* 20% de la longueur */
    max-width: 12%;
    display: flex;
    justify-content: center; /* Centre l'image horizontalement */
    align-items: center; /* Centre l'image verticalement */
    height: 24px; /* Réduit la hauteur pour une taille d'affichage plus petite */
    object-fit: contain; /* Garde les proportions de l'image, réduit la taille globale */
    padding-left: 16px;
}

#toggle-text {
    flex: 0 0 40%; /* 40% de la longueur */
    max-width: 63%;
    display: flex;
    justify-content: center; /* Centre le texte horizontalement */
    align-items: center; /* Centre le texte verticalement */
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 0; /* Ajustement léger pour l'espacement */
}

/* Conteneur pour le toggle et les pilules */
.matrix-toggle-group {
    flex: 0 0 25%; /* 40% de la longueur */
    max-width: 40%;
    display: flex;
    align-items: center;
    justify-content: center; /* Centre le groupe */
    padding-right: 8px; /* Équilibre avec le padding gauche */
}

/* Ajustements pour les pilules et le switch */
.pill-icon {
    width: 36px !important;
    height: 14px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    transform: rotate(-45deg) !important;
    transition: all 0.3s ease !important;
}

/* Pilule bleue */
.blue-pill {
    margin-right: 6px; /* Rapprochement des pilules du switch */
    color: #1e90ff; /* #1e2a44 en bleu, #3d0d1a en rouge */
}

/* Pilule rouge */
.red-pill {
    margin-left: 6px; /* Rapprochement des pilules du switch */
    color: #e60000; /* #1e2a44 en bleu, #3d0d1a en rouge */
}

/* Switch (interrupteur) */
.switch {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important;
    height: 24px !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    border-radius: 18px; /* Même rayon que le slider pour un effet 3D */
    background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(0,0,0,0.1)); /* Dégradé subtil pour l'effet 3D */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), inset 0 2px 4px rgba(255,255,255,0.3); /* Ombre extérieure et intérieure pour 3D */
}

.switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    cursor: pointer;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/* Slider (barre de fond) */
.slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transition: .4s !important;
    border-radius: 18px !important;
    background-color: #3d0d1a; /* Rouge (mode bleu, rond à gauche) */
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); /* Ombre intérieure pour effet 3D */
}

/* Rond blanc */
.slider:before {
    content: "" !important;
    position: absolute !important;
    height: 16px !important;
    width: 16px !important;
    left: 4px !important; /* 4px du bord gauche */
    bottom: 4px !important;
    background-color: white !important;
    transition: .4s !important;
    border-radius: 50% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3), inset 0 1px 2px rgba(255,255,255,0.5); /* Ombre extérieure et intérieure pour 3D */
}

/* État coché : rond à droite, couleur verte */
input:checked + .slider {
    background-color: #1e2a44 !important; /* Vert (mode rouge, rond à droite) */
}

/* Déplacement du rond blanc quand coché */
input:checked + .slider:before {
    transform: translateX(36px) !important; /* Ajusté pour 4px du bord droit */
}

/* Ajuster les reflets pour plus de contraste */
.pill-icon .pill-half {
    width: 90%;
    height: 100%;
    background: currentColor;
    position: relative;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3),
                inset 0 3px 3px rgba(255,255,255,0.5);
}

.pill-icon .pill-half:first-child {
    border-radius: 6px 0 0 6px;
    background: linear-gradient(135deg, currentColor 0%, rgba(255,255,255,0.1) 40%, currentColor 100%);
}

.pill-icon .pill-half:last-child {
    border-radius: 0 6px 6px 0;
    background: linear-gradient(225deg, currentColor 0%, rgba(255,255,255,0.1) 40%, currentColor 100%);
}

/* Animation au survol */
.pill-icon:hover {
    transform: rotate(-45deg) scale(1.3) !important;
}

.pill-icon:hover .pill-half {
    box-shadow: 0 4px 8px rgba(0,0,0,0.3),
                inset 0 2px 3px rgba(255,255,255,0.5);
}

/* Style du bouton "Proposez votre chronique" dans le header */
.mvp-nav-propose-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Aligne le contenu à gauche */
    margin-left: 108px; /* Supprime la marge à gauche */
    width: auto; /* Permet au conteneur de s'adapter à son contenu */
}

.mvp-nav-propose-btn {
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    color: var(--color-button-text) !important;
    background-color: var(--color-primary) !important; /* Turquoise vibrant */
    border: 2px solid #FFFFFF !important; /* Bordure */
    border-radius: 8px !important; /* Arrondi pour un look moderne */
    padding: 20px !important; /* Confort d'utilisation */
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important; /* Animation fluide */
}

/* Conteneur en haut à droite */
.mvp-nav-top-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style du bouton "Don" */
.mvp-nav-don-wrap {
    display: flex;
    align-items: flex-start;
    margin-left: 0px !important;
}

.mvp-nav-don-btn {
    background: #f5f5f5;
    color: #e63946 !important;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    white-space: nowrap;
}

/* Conteneur principal du menu mobile */
#mvp-fly-wrap {
    overflow-y: auto; /* Permet le défilement si le contenu dépasse */
    background: var(--color-site-bg) !important;
}

/* Menu mobile */
#mvp-fly-menu-wrap {
    position: relative; /* Flux normal après #mvp-fly-menu-top */
    top: 0; /* Pas de décalage absolu */
    height: auto; /* Hauteur basée sur le contenu */
    width: 100%;
}

/* Navigation dans le menu */
nav.mvp-fly-nav-menu {
    position: relative !important; /* Surcharge l'absolu du thème parent */
    margin: 20px 5.40540540541% 0; /* Conserver les marges du parent */
    width: 89.1891891892%; /* Conserver la largeur du parent */
    max-height: none; /* Retire la limite de hauteur */
}

/* Style du bouton "Proposez votre chronique" dans le fly menu */
#mvp-nav-small-right {
    position: relative;
}

.mvp-fly-propose-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 72px !important; /* Augmente l'espace */
}

.mvp-fly-propose-btn {
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    color: var(--color-button-text) !important;
    background-color: var(--color-primary) !important; /* Turquoise vibrant */
    border: 2px solid #FFFFFF !important; /* Bordure */
    border-radius: 8px !important; /* Arrondi pour un look moderne */
    padding: 12px 12px !important; /* Confort d'utilisation */
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important; /* Animation fluide */
}

#donpc {
    display: block !important;
}

#donmob {
    display: none !important;
}

.mvp-fly-don-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 48px !important; /* Augmente l'espace */
}

.mvp-fly-don-btn {
    background: #ffa366;
    color: #000000 !important;
    padding: 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    white-space: nowrap;
}

/* Icônes sociales en bas */
#mvp-fly-soc-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 24px !important;
}

/* Gestion des logos dans le footer */
#mvp-foot-logo .default-logo {
    display: none !important; /* Par défaut masqué */
}

#mvp-foot-logo .matrix-logo {
    display: none !important; /* Par défaut masqué */
}

[data-theme="bleu"] #mvp-foot-logo .default-logo {
    display: block !important;
}

[data-theme="bleu"] #mvp-foot-logo .matrix-logo {
    display: none !important;
}

[data-theme="rouge"] #mvp-foot-logo .default-logo {
    display: none !important;
}

[data-theme="rouge"] #mvp-foot-logo .matrix-logo {
    display: block !important;
}

/* Affichage de l'équipe de rédaction */
[data-theme="bleu"] #menu-item-1105 {
    display: block !important;
}

[data-theme="bleu"] #menu-item-1105 {
    display: none !important;
}

[data-theme="rouge"] #menu-item-1106 {
    display: block !important;
}

[data-theme="rouge"] #menu-item-1106 {
    display: none !important;
}

/* Centrage du logo dans le footer */
#mvp-foot-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
}

#mvp-foot-logo a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
}

#mvp-foot-logo img {
    max-width: 250px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Ajustement du conteneur parent du footer */
#mvp-foot-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Styles pour les labels précédent/suivant */
.mvp-prev-next-wrap span.mvp-prev-next-label,
#mvp-content-main .mvp-prev-next-wrap span.mvp-prev-next-label,
.mvp-cont-read-wrap span.mvp-prev-next-label {
    color: var(--color-cat) !important;
    font-weight: bold !important;
}

/* Pour s'assurer que le style s'applique aussi au survol */
.mvp-prev-next-wrap:hover span.mvp-prev-next-label {
    color: var(--color-cat) !important;
}

.disclaimer {
    text-align: justify !important;
    padding-top: 8px !important;
    padding-bottom: 16px !important;
    font-size: 10px !important;
    font-style: italic !important;
    border-top: 1px solid var(--color-bottom-nav-text) !important;
}

.mvp-author-info-text p, .mvp-author-info-text span, .mvp-author-info-date p, .mvp-author-info-name p, .mvp-author-info-thumb p, .mvp-author-info-text a, .mvp-author-info-date a, .mvp-author-info-name a, .mvp-author-info-thumb a {
    color: var(--color-bottom-nav-text) !important;
}

/* Style des tags en bas d'article */
.mvp-post-tags {
    color: var(--color-bottom-nav-text) !important;
}

.mvp-post-tags a,
.mvp-post-tags a:visited,
#mvp-content-main .mvp-post-tags a {
    color: var(--color-bottom-nav-text) !important;
}

.mvp-post-tags a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}

#mvp-author-box-text p {
    color: var(--color-bottom-nav-text) !important;
}

.mvp-author-box-soc {
    display: none !important;
}

.mvp-author-box-soc a {
    display: none !important;
}

#mvp-search-box input {
    font-size: 14px !important;
}

/* Masquer les colonnes 2 et 3 des featured tabs */
#mvp-feat-tab-col2,
#mvp-feat-tab-col3,
[href="#mvp-feat-tab-col2"],
[href="#mvp-feat-tab-col3"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Ajuster la largeur de la première colonne pour qu'elle prenne toute la place */
#mvp-feat-tab-col1 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* S'assurer que le conteneur parent s'ajuste correctement */
.mvp-feat1-list-wrap {
    width: 100% !important;
}

#mvp-author-box-text {
    text-align: justify !important;
}

.mvp-nav-search-but {
    color: var(--color-nav-text) !important;
}

/* Styles pour le titre des articles */
.mvp-post-title {
    color: var(--color-text-h2) !important; /* Blanc cassé (#f5f6f5) en bleu, blanc rosé (#f9e6e6) en rouge */
    font-weight: bold !important; /* Renforce la visibilité */
}

/* Styles pour le contenu principal */
#mvp-content-main {
    color: var(--color-blog-story-text) !important; /* Gris clair (#d9e1e8) en bleu, rose clair (#ffccd5) en rouge */
}

/* S'assurer que les titres dans #mvp-content-main sont bien lisibles */
#mvp-content-main h1,
#mvp-content-main h2,
#mvp-content-main h3,
#mvp-content-main h4,
#mvp-content-main h5,
#mvp-content-main h6 {
    color: var(--color-text-h2) !important; /* Applique la couleur des titres */
    font-weight: bold !important;
}

/* Améliorer le contraste pour les paragraphes dans #mvp-content-main */
#mvp-content-main p {
    color: var(--color-blog-story-text) !important;
    line-height: 1.6 !important; /* Espacement pour faciliter la lecture */
    font-size: 16px !important; /* Taille minimale pour lisibilité */
}

.mvp-prev-next-text p {
    color: var(--color-text-h2) !important;
}

.mvp-prev-next-text a {
    color: var(--color-text-h2) !important;
}

.mvp-post-tags-header {
    color: var(--color-text-h2) !important;
}

.mvp-author-box-name {
    color: var(--color-text-h2) !important;
}

.mvp-author-box-name a {
    color: var(--color-text-h2) !important;
}

.mvp-author-top-head {
    color: var(--color-text-h2) !important;
}

.mvp-author-top-head a {
    color: var(--color-text-h2) !important;
}

.mvp-author-page-desc {
    color: var(--color-blog-story-text) !important;
}

.mvp-widget-feat2-right-text h2 {
    color: var(--color-text-h2) !important;
}

.mvp-widget-feat2-right-text a {
    color: var(--color-text-h2) !important;
}

.mvp-related-text p {
    color: var(--color-text-h2) !important;
}

.mvp-related-text a {
    color: var(--color-text-h2) !important;
}

.mvp-post-add-main h5 {
    color: var(--color-text-h2) !important;
}

.mvp-post-add-main p {
    color: var(--color-blog-story-text) !important;
}

.mvp-post-more-text p {
    color: var(--color-text-h2) !important;
}

.mvp-post-more-text a {
    color: var(--color-text-h2) !important;
}

/* =========================================================
   Styles spécifiques au formulaire Proposez votre chronique
   ========================================================= */
.post-1263 .mvp-post-title {
    text-align: left !important;
    padding-left: 78px !important;
}

.post-1263 #mvp-content-main p a, .mvp-post-add-main p a {
    color: #FFFFFF !important;
}

.post-1263 #mvp-content-main p a, #mvp-content-main ul a, #mvp-content-main ol a, .mvp-post-add-main p a, .mvp-post-add-main ul a, .mvp-post-add-main ol a {
    box-shadow: none !important;
}

.post-1263 #mvp-content-main p a:hover, #mvp-content-main ul a:hover, #mvp-content-main ol a:hover, .mvp-post-add-main p a:hover, .mvp-post-add-main ul a:hover, .mvp-post-add-main ol a:hover {
    box-shadow: none !important;
}

/* Cible les labels des cases à cocher et consentements au survol */
.forminator-consent__label a:hover {
    background-color: var(--color-primary) !important; 
}

#forminator-module-1273 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#root-data-givewp-embed {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.forminator-repeater-field {
    background: #F8F8F830 !important;
    box-shadow: none !important;
}

.forminator-label {
    font-size: 16px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.forminator-button forminator-button-upload {
    color: #FFFFFF !important;
}

.forminator-ui#forminator-module-1273.forminator-design--default .forminator-button-submit {
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    color: var(--color-button-text) !important;
    background-color: var(--color-primary) !important; /* Turquoise vibrant */
    border: 2px solid #FFFFFF !important; /* Bordure */
    border-radius: 8px !important; /* Arrondi pour un look moderne */
    padding: 12px 12px !important; /* Confort d'utilisation */
    text-transform: uppercase !important; /* Style professionnel */
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important; /* Animation fluide */
}

/* Effet au survol */
.forminator-ui#forminator-module-1273.forminator-design--default .forminator-button-submit:hover {
    background-color: var(--color-link) !important; /* Vert-turquoise néon */
    color: var(--color-secondary) !important; /* Bleu nuit pour contraste */
    border-color: var(--color-link) !important;
    transform: scale(1.05) !important; /* Léger effet d'agrandissement */
}

.forminator-response-message {
    color: var(--color-nav-text) !important;
}

.forminator-response-message.forminator-success {
    background-color: var(--color-nav-bg) !important;
    box-shadow: inset 2px 0 0 0 var(--color-nav-bg) !important;
    -moz-box-shadow: inset 2px 0 0 0 var(--color-nav-bg) !important;
    -webkit-box-shadow: inset 2px 0 0 0 var(--color-nav-bg) !important;
}