/* ==========================================================================
   PERSONNALISATIONS LUMAPPS — LE PORTAIL
   Source : repo lumapps-style (voir README). Ne pas modifier directement
   dans LumApps : modifier le repo, tester sur le site de test, puis coller.

   Sommaire
     0. Polices et réglages communs (variables)
     1. Commun à tous
     2. Couleurs par enseigne
     3. Widgets déclinés par enseigne
     4. Particularités par enseigne
     5. Page carrefour niveau zéro
     6. Iframes
     7. Méga-menu et pied de page (Wedocom, août 2026)
   ========================================================================== */


/* ==========================================================================
   0. POLICES ET RÉGLAGES COMMUNS
   ========================================================================== */

@font-face {
    font-family: 'Pangea';
    font-style: normal;
    font-weight: 400;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/pangea/pangea-regular-webfont.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Pangea';
    font-style: normal;
    font-weight: 500;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/pangea/pangea-medium-webfont.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Pangea';
    font-style: normal;
    font-weight: 700;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/pangea/pangea-bold-webfont.woff2') format('woff2');
    font-display: swap;
}

body {
    background-color: #fff;
    font-family: 'Pangea';
}

/* Variables LumApps */
:root {
    --lumx-app-background: white !important;
    --lumx-typography-custom-title1-font-weight: 700;
    --lumx-typography-custom-intro-font-size: 18px;
    --lumx-typography-custom-intro-line-height: 1.5;
    --lumx-widget-title-theme-light-color: #131A23;
    --lumx-widget-intro-theme-light-color: #131A23;
    --lumx-typography-custom-title1-font-size: 30px; /* titre H1 */
    --lumx-typography-custom-title2-font-size: 25px; /* titre H2 */
    --lumx-typography-custom-title3-font-size: 20px; /* titre H3 */
    --lumx-typography-custom-title4-font-size: 16px; /* titre H4 */
}

/* Nos réglages : à modifier ici, ils s'appliquent à toutes les enseignes */
:root {
    --df-texte: #131A23;              /* texte foncé */
    --df-fond-carte: #E7ECF2;         /* fond des cartes (montures, actus) */
    --df-fond-carte-survol: #dfe6ef;  /* fond des cartes au survol */
    --df-arrondi: 8px;                /* arrondi des cartes et des images */
    --df-pastille-marge: 8px;         /* espace au-dessus des pastilles de métadonnées (montures, listes de contenus, actus) */
}


/* ==========================================================================
   1. COMMUN À TOUS
   ========================================================================== */

/* Menu : survol en couleur sombre */
.navigation-item__link:not(.navigation-item__link--is-disabled):hover {
    color: white !important;
    background: #1c1c1c;
}

.navigation-item__link:not(.navigation-item__link--is-disabled):hover span {
    color: white !important;
}

/* Groupes à notifier : visibles par les administrateurs uniquement
   (masquage visuel, ce n'est pas une restriction de droits) */
.globaladmins .sidebar-content__wrapper ls-feed-selector[ls-placeholder="Groupes à notifier"] {
    display: unset !important;
}

.globaladmins .lumx-spacing-margin-top-big.lumx-message.lumx-message--color-dark.lumx-message--has-background {
    display: flex !important;
}

.sidebar-content__wrapper ls-feed-selector[ls-placeholder="Groupes à notifier"] {
    display: none !important;
}

.lumx-spacing-margin-top-big.lumx-message.lumx-message--color-dark.lumx-message--has-background {
    display: none !important;
}

/* En-tête : masquer le gaufrier, le bouton Créer pour Gadol et le Resource Center */
.header-top__bookmarked-apps {
    display: none;
}

.gadol .header-top__contribution {
    display: none;
}

.header-top__resource-center {
    display: none !important;
}

/* Barre de navigation */
.main-nav-item--primary {
    padding-left: 0px;
}

body.front-office .main-nav__root {
    align-items: center;
    display: flex;
    height: 48px;
    gap: 10px;
}

.main-nav-item__label {
    color: var(--df-texte);
}

/* Séparateurs : masqués partout */
.lumx-divider--theme-light {
    display: none;
}

/* Carrousel de liste de contenus : dégradé accentué */
.block-page-preview--cover .block-page-preview__content:before {
    background: linear-gradient(180deg, transparent 0%, rgb(0 0 0)) !important;
}

/* Fil d'Ariane */
.widget--shared-general-fil-ariane .widget-content--v2 .widget-breadcrumb__link--last {
    color: var(--df-texte);
    font-weight: 700 !important;
}

.widget--shared-general-fil-ariane .widget-content--v2 .widget-breadcrumb__link {
    font-weight: 400;
}

.widget--shared-general-fil-ariane .widget-breadcrumb__wrapper {
    padding: 0px;
}

.theme-lumapps .widget--theme-light .widget-breadcrumb__link:last-child span {
    color: var(--df-texte);
    font-weight: 700 !important;
}

/* Titres */
.theme-lumapps .widget-title__title {
    font-size: 35px;
}

/* Sous-navigation et fil d'Ariane : graisse et couleurs */
.navigation-item__label {
    font-weight: 400;
}

.theme-lumapps .widget--theme-light .widget-breadcrumb__link span {
    font-weight: 400;
}

.widget--theme-light .widget-breadcrumb__link:before {
    color: var(--df-texte) !important;
}

.widget-sub-nav__list.widget-sub-nav__list--root>li:hover {
    background: #323E48;
    border-radius: 0px !important;
}

/* Filtres : chevron qui pivote quand le bloc est replié */
.widget--is-folded .mdi-chevron-down:before {
    transform: rotate(270deg) !important;
}

/* Widget Bienvenue */
@media (min-width: 64em) {
    .cell.component-cell--bienvenue.cell--w-6 {
        flex: none;
        max-width: 50%;
    }
}

.widget--shared-general-bienvenue .block-html {
    font-size: 24px;
    font-weight: 600;
    color: white;
}

.widget--shared-general-bienvenue-light .widget-welcome {
    font-weight: 600;
    color: white !important;
}

.widget--shared-general-bienvenue-light .widget-welcome span {
    color: white;
}

.widget--shared-general-bienvenue-dark .widget-welcome {
    font-weight: 600;
    color: var(--df-texte);
}

.widget--shared-general-bienvenue-dark .widget-welcome span {
    color: var(--df-texte);
}

/* Métadonnées : pas de séparateur entre les pastilles */
.metadata-link-list--theme-dark li:before {
    display: none;
}

.metadata-link-list--theme-light li:before {
    display: none;
}

.metadata-link-list {
    gap: 10px;
}

/* Métadonnées : animation au survol */
.metadata-link--theme-light:hover {
    transform: translateY(0.8px);
}

.metadata-link--theme-light {
    transition: 0.3s ease, transform 0.2s ease;
}

/* Bannière d'alerte (neutre) */
.widget--shared-general-banniere-alerte .block-list {
    align-items: center;
}

/* Sous-navigation de la page d'accueil */
.widget--shared-general-navigation-homepage .navigation,
.widget--shared-general-navigation-homepage-dark .navigation {
    display: flex;
    justify-content: space-around;
}

/* Évènements */
.widget--shared-general-mes-evenements .lumx-thumbnail__background {
    border-radius: var(--df-arrondi);
}

.widget--shared-general-mes-evenements .block-event-preview__reactions {
    display: none;
}

/* Évènements (fiche produit) */
.widget--shared-general-mes-evenements-fiche-produit .lumx-thumbnail__background {
    border-radius: 8px 8px 0px 0px;
}

.widget--shared-general-mes-evenements-fiche-produit .block-event-preview__reactions {
    display: none;
}

.widget--shared-general-mes-evenements-fiche-produit .block-event-preview--theme-light .block-event-preview__description {
    color: rgba(0, 0, 0, .87);
    margin-bottom: 50px;
}

.widget--shared-general-mes-evenements-fiche-produit .block-event-preview__container {
    height: 100%;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
}

/* Vidéo HTML de la page d'accueil */
.widget--shared-general-html-video .block-html {
    padding-top: 36px;
}

/* Galerie de vidéos */
.widget--shared-general-galerie-videos .lumx-grid-column {
    --lumx-grid-column-item-min-width: 200px !important;
}

/* Titre des articles et pages statiques */
.widget--theme-light .block-title {
    font-size: 35px;
}

/* Texte HTML : interlignes et espacements */
.block-html {
    color: var(--df-texte);
}

.block-html h1:not(:last-child) {
    margin-bottom: 7px;
}

.widget--shared-general-html-text .block-html {
    line-height: 1.7;
}

.block-html p:not(:last-child) {
    margin-bottom: 0px;
}

/* Actualités pertinentes (article) */
.widget--shared-general-actualites-pertinentes-article .block-page-preview__field:first-child {
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.widget--shared-general-actualites-pertinentes-article .lumx-grid-column {
    gap: 50px;
}

.widget--shared-general-actualites-pertinentes-article .metadata-link--theme-light {
    padding: 4px 9px 4px 7px;
    background: #000000;
    border-radius: 50px;
}

.widget--shared-general-actualites-pertinentes-article .metadata-link--theme-light span {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

.widget--shared-general-actualites-pertinentes-article .metadata-link-list {
    gap: 3px;
}

/* Date de publication (article) */
.widget--shared-general-date-de-publication-article .block-metadata__details {
    margin-top: 2px;
}

.widget--shared-general-date-de-publication-article .block-metadata__date {
    color: var(--df-texte) !important;
    font-size: 16px;
}

@media (min-width: 64em) {
    .cell.component-cell--date-de-mis-a-jour.cell--w-4 {
        flex: none;
    }
}

/* Images et vidéos : coins arrondis */
.lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
    aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 3 / 2);
    border-radius: var(--df-arrondi);
}

.lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
    border-radius: var(--df-arrondi);
}

.video-player__thumbnail :where(img) {
    border-radius: var(--df-arrondi);
}

.video-player {
    border-radius: var(--df-arrondi);
}

.block-video-thumbnail__image {
    background: #000;
    border-radius: var(--df-arrondi);
}

.block-video-thumbnail--is-interactive .block-video-thumbnail__image:after {
    border-radius: var(--df-arrondi);
}

.lumx-thumbnail--is-clickable:after {
    border-radius: var(--df-arrondi);
}

/* Visionneuse d'images : fond blanc */
.lumx-image-lightbox .lumx-image-lightbox__thumbnail {
    background-color: #fff;
}


/* ==========================================================================
   2. COULEURS PAR ENSEIGNE
   Chaque widget porte la classe de son style global LumApps
   (ex. style « optic-2000-montures » → classe widget--shared-optic-2000-montures).
   Les couleurs sont définies ici une fois par enseigne ; les règles de la
   section 3 les utilisent. Pour changer une couleur d'enseigne : ici seulement.
   ========================================================================== */

[class*="widget--shared-optic-2000-"] {
    --df-pastille-fond: #A3A0CC;   /* pastilles de métadonnées, puces des posts */
    --df-pastille-texte: white;
    --df-accent: #F4C100;          /* boutons communautés, bouton lien, liens utiles */
    --df-accent-texte: var(--df-texte);
    --df-lien: #009AA6;            /* liens des posts */
    --df-bouton-survol: #1A283E;   /* bouton lien au survol */
}

[class*="widget--shared-siege-"] {
    --df-pastille-fond: #7F7F7F;
    --df-pastille-texte: white;
    --df-accent: #FF9900;
    --df-accent-texte: white;
    --df-lien: #FF9900;
}

[class*="widget--shared-audio-2000-"] {
    --df-pastille-fond: #F4C100;
    --df-pastille-texte: var(--df-texte);
    --df-accent: #29B3D3;
    --df-accent-texte: white;
    --df-lien: #29B3D3;
    --df-bouton-survol: #35465E;
}

[class*="widget--shared-lissac-"] {
    --df-pastille-fond: #404649;
    --df-pastille-texte: white;
    --df-accent: #9E141E;
    --df-accent-texte: white;
    --df-lien: #9E141E;
    --df-bouton-survol: #404649;
}

[class*="widget--shared-gadol-"] {
    --df-pastille-fond: black;
    --df-pastille-texte: white;
    --df-accent: #ED6949;
    --df-accent-texte: white;
    --df-lien: #ED6949;
    --df-bouton-survol: black;
}

[class*="widget--shared-general-"] {
    --df-pastille-fond: var(--df-texte);
    --df-pastille-texte: white;
    --df-accent: var(--df-texte);
    --df-bouton-survol: var(--df-texte);
}

/* Exceptions : widgets dont les couleurs diffèrent de celles de leur enseigne */
.widget--shared-siege-metadata {
    --df-pastille-fond: #A1ABB3;
}

.widget--shared-audio-2000-posts {
    --df-pastille-fond: #29B3D3;
}

.widget--shared-lissac-liste-de-contenus,
.widget--shared-gadol-liste-de-contenus {
    --df-pastille-fond: white;
    --df-pastille-texte: var(--df-texte);
}

.widget--shared-lissac-liste-de-contenus-light {
    --df-pastille-fond: #A3A0CC;
}

.widget--shared-gadol-liste-de-contenus-light {
    --df-pastille-fond: white;
    --df-pastille-texte: black;
}

.widget--shared-general-metadata {
    --df-pastille-fond: black;
}

.widget--shared-general-liste-de-contenus {
    --df-pastille-fond: var(--df-fond-carte);
    --df-pastille-texte: var(--df-texte);
}

.widget--shared-general-liste-de-contenus-light {
    --df-pastille-fond: #F4C100;
    --df-pastille-texte: var(--df-texte);
}

.widget--shared-general-bouton-html {
    --df-accent: var(--df-fond-carte);
}


/* ==========================================================================
   3. WIDGETS DÉCLINÉS PAR ENSEIGNE
   Une règle par élément, pour toutes les enseignes à la fois.
   Nouvelle enseigne : ajouter ses classes dans les listes :is(...) ci-dessous
   et son bloc de couleurs en section 2.
   ========================================================================== */

/* ---------- 3.1 Bannière d'alerte ---------- */
:is(.widget--shared-general-banniere-alerte,
    .widget--shared-optic-2000-banniere-alerte,
    .widget--shared-siege-banniere-alerte,
    .widget--shared-audio-2000-banniere-alerte,
    .widget--shared-lissac-banniere-alerte,
    .widget--shared-gadol-banniere-alerte) .block-page-preview__content {
    align-items: center;
}

/* ---------- 3.2 Liste de contenus (pages d'accueil et carrefour) ---------- */
:is(.widget--shared-optic-2000-liste-de-contenus,
    .widget--shared-optic-2000-liste-de-contenus-light,
    .widget--shared-siege-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus-light,
    .widget--shared-lissac-liste-de-contenus,
    .widget--shared-lissac-liste-de-contenus-light,
    .widget--shared-gadol-liste-de-contenus,
    .widget--shared-gadol-liste-de-contenus-light,
    .widget--shared-general-liste-de-contenus,
    .widget--shared-general-liste-de-contenus-light) .metadata-link--theme-dark {
    padding: 6px 15px 6px 13px;
    background: var(--df-pastille-fond);
    border-radius: 50px;
    margin-top: var(--df-pastille-marge);
}

:is(.widget--shared-optic-2000-liste-de-contenus,
    .widget--shared-optic-2000-liste-de-contenus-light,
    .widget--shared-siege-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus-light,
    .widget--shared-lissac-liste-de-contenus,
    .widget--shared-lissac-liste-de-contenus-light,
    .widget--shared-gadol-liste-de-contenus,
    .widget--shared-gadol-liste-de-contenus-light,
    .widget--shared-general-liste-de-contenus,
    .widget--shared-general-liste-de-contenus-light) .metadata-link--theme-dark span {
    color: var(--df-pastille-texte);
    text-transform: uppercase;
    font-weight: 700;
}

/* Pastilles : l'espace vertical vient uniquement de --df-pastille-marge
   (pas d'écart de ligne en plus ; l'écart horizontal de 10px est conservé) */
:is(.widget--shared-optic-2000-liste-de-contenus,
    .widget--shared-optic-2000-liste-de-contenus-light,
    .widget--shared-siege-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus,
    .widget--shared-audio-2000-liste-de-contenus-light,
    .widget--shared-lissac-liste-de-contenus,
    .widget--shared-lissac-liste-de-contenus-light,
    .widget--shared-gadol-liste-de-contenus,
    .widget--shared-gadol-liste-de-contenus-light,
    .widget--shared-general-liste-de-contenus,
    .widget--shared-general-liste-de-contenus-light,
    .widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes,
    .widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .metadata-link-list {
    row-gap: 0;
}

/* ---------- 3.3 Actus des autres enseignes ---------- */
:is(.widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes) .block-grid__item {
    border: 0 solid var(--lumx-color-dark-L5);
    padding: 20px;
    background: var(--df-fond-carte);
    border-radius: var(--df-arrondi);
}

:is(.widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes) .lumx-thumbnail__background {
    border-radius: var(--df-arrondi);
}

:is(.widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes) .metadata-link--theme-light {
    padding: 6px 15px 6px 13px;
    background: var(--df-pastille-fond);
    border-radius: 50px;
    margin-top: var(--df-pastille-marge);
}

:is(.widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes) .metadata-link--theme-light span {
    color: var(--df-pastille-texte);
    text-transform: uppercase;
    font-weight: 700;
}

:is(.widget--shared-optic-2000-actus-autre-enseignes,
    .widget--shared-siege-actus-autre-enseignes,
    .widget--shared-audio-2000-actus-autre-enseignes,
    .widget--shared-lissac-actus-autre-enseignes,
    .widget--shared-gadol-actus-autre-enseignes) .metadata-link-list {
    display: flex;
    flex-wrap: wrap;
    margin: -3px 0;
    margin-top: 10px;
}

/* ---------- 3.4 Mes intérêts ---------- */
:is(.widget--shared-optic-2000-mes-interets,
    .widget--shared-siege-mes-interets,
    .widget--shared-audio-2000-mes-interets,
    .widget--shared-lissac-mes-interets,
    .widget--shared-gadol-mes-interets) .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    flex: 0 0 30% !important;
    margin-right: 24px;
    max-width: 280px;
    min-width: 36px;
}

:is(.widget--shared-optic-2000-mes-interets,
    .widget--shared-siege-mes-interets,
    .widget--shared-audio-2000-mes-interets,
    .widget--shared-lissac-mes-interets,
    .widget--shared-gadol-mes-interets) .block-page-preview--theme-light .block-page-preview__link {
    font-size: 16px;
}

:is(.widget--shared-optic-2000-mes-interets,
    .widget--shared-siege-mes-interets,
    .widget--shared-audio-2000-mes-interets,
    .widget--shared-lissac-mes-interets,
    .widget--shared-gadol-mes-interets) .lumx-thumbnail__background {
    border-radius: var(--df-arrondi);
}

:is(.widget--shared-optic-2000-mes-interets,
    .widget--shared-siege-mes-interets,
    .widget--shared-audio-2000-mes-interets,
    .widget--shared-lissac-mes-interets,
    .widget--shared-gadol-mes-interets) .block-page-preview__content {
    margin-top: -3px;
}

/* ---------- 3.5 Posts ---------- */
:is(.widget--shared-optic-2000-posts,
    .widget--shared-siege-post,
    .widget--shared-audio-2000-posts,
    .widget--shared-lissac-posts,
    .widget--shared-gadol-posts) .block-cascade__item {
    background-color: #fff;
    border: 0 solid var(--lumx-color-dark-L5);
    border-radius: 2px;
    box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.10) !important;
}

:is(.widget--shared-optic-2000-posts,
    .widget--shared-siege-post,
    .widget--shared-audio-2000-posts,
    .widget--shared-lissac-posts,
    .widget--shared-gadol-posts) .lumx-link {
    color: var(--df-lien);
}

:is(.widget--shared-optic-2000-posts,
    .widget--shared-siege-post,
    .widget--shared-audio-2000-posts,
    .widget--shared-lissac-posts,
    .widget--shared-gadol-posts) .lumx-typography-subtitle1 {
    color: black !important;
}

:is(.widget--shared-optic-2000-posts,
    .widget--shared-siege-post,
    .widget--shared-audio-2000-posts,
    .widget--shared-lissac-posts,
    .widget--shared-gadol-posts) .lumx-chip--is-unselected.lumx-chip--color-dark {
    background: var(--df-pastille-fond);
    color: white;
}

:is(.widget--shared-optic-2000-posts,
    .widget--shared-siege-post,
    .widget--shared-audio-2000-posts,
    .widget--shared-lissac-posts,
    .widget--shared-gadol-posts) .lumx-chip--is-unselected.lumx-chip--color-dark .lumx-chip__label {
    color: white;
    margin-top: 3px;
}

/* ---------- 3.6 Mes communautés ---------- */
:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button {
    padding: 8px 15px 6px 15px;
    background: var(--df-accent);
    border-radius: 50px;
}

:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button span {
    color: var(--df-accent-texte);
    text-transform: uppercase;
    font-weight: 700;
}

:is(.widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .lumx-button--size-s.lumx-button--variant-button i:first-child {
    color: white;
}

:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .block-community-preview__field--block {
    margin-top: 4px;
}

:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .block-community-preview__content {
    margin-top: -5px;
}

:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected {
    padding: 8px 15px 6px 15px;
    background: var(--df-accent);
    border-radius: 50px;
}

.widget--shared-siege-mes-communautes .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected {
    color: white;
}

:is(.widget--shared-optic-2000-mes-communautes,
    .widget--shared-siege-mes-communautes,
    .widget--shared-audio-2000-mes-communautes,
    .widget--shared-lissac-mes-communautes,
    .widget--shared-gadol-mes-communautes) .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before {
    border-color: transparent;
}

/* ---------- 3.7 Liens utiles ---------- */
:is(.widget--shared-optic-2000-liens-utiles,
    .widget--shared-audio-2000-liens-utiles,
    .widget--shared-lissac-liens-utiles,
    .widget--shared-gadol-liens-utiles,
    .widget--shared-general-liens-utiles) .color-bubble-letter-m {
    height: 36px;
    width: 36px;
    background: var(--df-accent);
    border-radius: 40px;
}

/* ---------- 3.8 Métadonnées (articles) ---------- */
:is(.widget--shared-optic-2000-metadata,
    .widget--shared-siege-metadata,
    .widget--shared-audio-2000-metadata,
    .widget--shared-lissac-metadata,
    .widget--shared-gadol-metadata,
    .widget--shared-general-metadata) .metadata-link--theme-light {
    padding: 6px 15px 6px 13px;
    background: var(--df-pastille-fond);
    border-radius: 50px;
}

:is(.widget--shared-optic-2000-metadata,
    .widget--shared-siege-metadata,
    .widget--shared-audio-2000-metadata,
    .widget--shared-lissac-metadata,
    .widget--shared-gadol-metadata,
    .widget--shared-general-metadata) .metadata-link--theme-light span {
    color: var(--df-pastille-texte);
    text-transform: uppercase;
    font-weight: 700;
}

:is(.widget--shared-optic-2000-metadata,
    .widget--shared-siege-metadata,
    .widget--shared-audio-2000-metadata,
    .widget--shared-lissac-metadata,
    .widget--shared-gadol-metadata,
    .widget--shared-general-metadata) .widget-content--v2 {
    padding: 0px !important;
}

/* ---------- 3.9 Montures (pages statiques) et montures par marque (pages carrefour) ---------- */
:is(.widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .block-grid__item {
    border: 0 solid var(--lumx-color-dark-L5);
    background: var(--df-fond-carte);
    border-radius: var(--df-arrondi);
}

:is(.widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .lumx-thumbnail__background {
    background: white;
}

/* Pastilles des montures : l'espace vertical se règle avec --df-pastille-marge (section 0) */
:is(.widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .metadata-link--theme-light {
    padding: 6px 15px 6px 13px;
    background: var(--df-pastille-fond);
    border-radius: 50px;
    margin-top: var(--df-pastille-marge);
}

:is(.widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .metadata-link--theme-light span {
    color: var(--df-pastille-texte);
    text-transform: uppercase;
    font-weight: 700;
}

:is(.widget--shared-optic-2000-montures,
    .widget--shared-audio-2000-montures,
    .widget--shared-lissac-montures,
    .widget--shared-gadol-montures,
    .widget--shared-general-montures,
    .widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .block-page-preview__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    padding: 0px 10px 20px 20px;
}

/* Montures par marque uniquement : format d'image, coins et survol */
:is(.widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
    aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 5 / 2);
}

:is(.widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .block-grid__item {
    transition: background-color 0.3s ease, transform 0.2s ease;
}

:is(.widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .lumx-thumbnail__background {
    border-radius: 8px 8px 0px 0px;
}

:is(.widget--shared-optic-2000-montures-marques,
    .widget--shared-audio-2000-montures-marques,
    .widget--shared-lissac-montures-marques,
    .widget--shared-gadol-montures-marques,
    .widget--shared-general-montures-marques) .block-grid__item:hover {
    background-color: var(--df-fond-carte-survol);
    transform: translateY(-2px);
}

/* ---------- 3.10 Bouton lien (widget HTML) ---------- */
:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .custom-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--df-accent);
    padding: 12px 20px;
    border-radius: var(--df-arrondi);
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
    gap: 10px;              /* espace entre l'icône et le texte */
    direction: rtl;         /* icône à droite du texte */
    width: 100%;
}

/* Couleur du texte : noire chez Optic 2000, blanche ailleurs */
.widget--shared-optic-2000-bouton-html .custom-button {
    color: #000;
}

:is(.widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .custom-button {
    color: white !important;
}

:is(.widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html) .custom-button span {
    color: white;
}

.widget--shared-general-bouton-html .custom-button span {
    color: var(--df-texte);
}

:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .custom-button:hover {
    background-color: var(--df-bouton-survol);
    transform: translateY(-2px);
}

:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .custom-button:hover span {
    color: white;
}

:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .button-text {
    color: #000;
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Pangea';
    padding-top: 10px;
    padding-bottom: 6px;
}

:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) a:link {
    text-decoration: none;
}

/* Cercle avec la flèche */
:is(.widget--shared-optic-2000-bouton-html,
    .widget--shared-audio-2000-bouton-html,
    .widget--shared-lissac-bouton-html,
    .widget--shared-gadol-bouton-html,
    .widget--shared-general-bouton-html) .custom-button .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--df-texte);
    color: white;
    font-size: 25px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

/* ---------- 3.11 Sous-navigation (menu latéral des pages) ---------- */
:is(.widget--shared-optic-2000-sous-navigation,
    .widget--shared-audio-2000-sous-navigation,
    .widget--shared-lissac-sous-navigation,
    .widget--shared-gadol-sous-navigation,
    .widget--shared-general-sous-navigation) .navigation-item__label {
    padding-left: 32px;
}

:is(.widget--shared-optic-2000-sous-navigation,
    .widget--shared-audio-2000-sous-navigation,
    .widget--shared-lissac-sous-navigation,
    .widget--shared-gadol-sous-navigation,
    .widget--shared-general-sous-navigation) .navigation-item__link {
    border-radius: 0px;
}

/* Page en cours : fond gris clair (sauf neutre, voir section 4) */
:is(.widget--shared-optic-2000-sous-navigation,
    .widget--shared-audio-2000-sous-navigation,
    .widget--shared-lissac-sous-navigation,
    .widget--shared-gadol-sous-navigation) .navigation-item__link--dark.navigation-item__link--is-selected {
    background: var(--df-fond-carte);
    color: var(--df-texte);
}

:is(.widget--shared-optic-2000-sous-navigation,
    .widget--shared-audio-2000-sous-navigation,
    .widget--shared-lissac-sous-navigation,
    .widget--shared-gadol-sous-navigation,
    .widget--shared-general-sous-navigation) .navigation-item__link--dark.navigation-item__link--is-selected span {
    color: var(--df-texte);
}

.widget--shared-optic-2000-sous-navigation .navigation-item__link--dark.navigation-item__link--is-selected span {
    font-weight: 700;
}

:is(.widget--shared-optic-2000-sous-navigation,
    .widget--shared-audio-2000-sous-navigation,
    .widget--shared-lissac-sous-navigation,
    .widget--shared-gadol-sous-navigation,
    .widget--shared-general-sous-navigation) .navigation-item__link--dark.navigation-item__link--is-selected:hover .navigation-item__label {
    color: var(--df-texte);
}


/* ==========================================================================
   4. PARTICULARITÉS PAR ENSEIGNE
   ========================================================================== */

/* ---------- Optic 2000 ---------- */
.widget--shared-optic-2000-html-indicateur .widget-content--block-html {
    background: linear-gradient(180deg, #1A283E 0%, #1B355C 100%);
}

/* ---------- Siège ---------- */
.component-row--siege-gradiant {
    background: var(--dgrad-groupe, linear-gradient(78deg, #FCB120 3.32%, #E28800 100.19%));
}

/* ---------- Lissac ---------- */
/* Bienvenue : même crème que les titres du menu Lissac (surcharge du style bienvenue-light).
   S'applique aux pages qui affichent la barre de menus Lissac (component-row--RWD-lissac). */
.widget--shared-lissac-welcome.widget--shared-general-bienvenue-light .widget-welcome,
.widget--shared-lissac-welcome .widget-welcome,
body:has(.component-row--RWD-lissac) .widget-welcome {
    color: #FEF4E7 !important;
}

.widget--shared-lissac-welcome.widget--shared-general-bienvenue-light .widget-welcome span,
.widget--shared-lissac-welcome .widget-welcome span,
body:has(.component-row--RWD-lissac) .widget-welcome span {
    color: #FEF4E7 !important;
}

/* Ligne « chez Maison Lissac » sous le Bienvenue (widget HTML au style general-bienvenue) */
body:has(.component-row--RWD-lissac) .widget--shared-general-bienvenue .block-html,
body:has(.component-row--RWD-lissac) .widget--shared-general-bienvenue .block-html * {
    color: #FEF4E7;
}

/* Ligne avec fond rouge à 20 % */
.component-row--lissac-gradiant {
    background: rgba(238, 39, 55, 0.20) !important;
}

.widget--shared-lissac-html-indicateur .widget-content--block-html {
    background: var(--dgrad-Lissac, linear-gradient(180deg, #E30613 0%, #8D1913 100%));
}

/* ---------- Neutre ---------- */
/* Sous-navigation : page en cours en gras, sans bordure */
.widget--shared-general-sous-navigation .navigation-item__link--is-selected {
    border-color: transparent;
    border-width: 0px;
}

.widget--shared-general-sous-navigation .navigation-item__link--is-selected .navigation-item__label {
    color: var(--df-texte);
    font-weight: 700;
}

.widget--shared-general-sous-navigation .widget-sub-nav__list.widget-sub-nav__list--root>li:hover {
    background: var(--df-fond-carte);
    border-radius: 0px !important;
}


/* ==========================================================================
   5. PAGE CARREFOUR NIVEAU ZÉRO (« fancy buttons »)
   ========================================================================== */

.widget--fancy-button .block-page-preview__content {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
    align-content: flex-end;
    align-items: baseline;
    flex-direction: column;
    justify-content: flex-end;
}

/* À revoir : image de fond écrite en dur, à gérer plutôt dans le widget */
.widget--fancy-buttonV1 {
    background-position: center center;
    border-radius: 13px;
    background-image: url(/serve/9657796113063037-3219041049100383/00000000-0000-0000-0014-959b0319b089.png=s1600);
    overflow: hidden;
}

:is(.widget--fancy-buttonV1, .widget--fancy-buttonV2) .widget-content--v2:not(.widget-content--block-variant-ungrouped):not(.widget-content--block-variant-side):not(.widget-content--block-variant-cover) {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    align-content: flex-end;
    align-items: baseline;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 35.5%, rgba(19, 26, 35, 0.50) 85%) !important;
    overflow: hidden !important;
    padding: 0px;
}

:is(.widget--fancy-button, .widget--fancy-buttonV1, .widget--fancy-buttonV2) {
    transition: background-color 0.3s ease, transform 0.2s ease;
}

:is(.widget--fancy-button, .widget--fancy-buttonV1, .widget--fancy-buttonV2):hover {
    transform: translateY(-2px);
}

.widget--fancy-button .block-page-preview--size-xs.block-page-preview--side {
    flex-direction: column;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 35.5%, rgba(19, 26, 35, 0.50) 85%);
}

:is(.widget--fancy-button, .widget--fancy-buttonV1, .widget--fancy-buttonV2) .block-slideshow--side .block-page-preview__content {
    padding: 0px;
}

.widget--fancy-button .block-page-preview--theme-dark .block-page-preview__link {
    width: 300px;
}

.widget--fancy-button .lumx-link__content {
    margin-top: 300px;
    padding: 24px;
    font-size: 22px;
}

.widget--fancy-buttonV1 .lumx-link__content {
    margin-top: 300px;
    width: 300px;
    padding: 24px;
    font-size: 22px;
}

.widget--fancy-buttonV2 .lumx-link__content {
    margin-top: 300px;
    width: 1200px;
    padding: 24px;
    font-size: 22px;
}

.widget--fancy-buttonV1 .block-grid__item {
    border: 0 solid var(--lumx-color-dark-L5);
}

.widget--fancy-buttonV1 .block-grid__item:hover {
    transform: translateY(-2px);
}

.widget--fancy-welcome .widget-welcome,
.widget--fancy-welcome span {
    color: black;
    font-size: 40px !important;
    text-align: center;
    font-weight: 500;
}


/* ==========================================================================
   6. IFRAMES
   ========================================================================== */

.block-iframe {
    overflow: hidden !important;
}

.block-iframe iframe {
    overflow: hidden !important;
}

/* Masquer le fil d'Ariane sur mobile */
@media (max-width: 767px) {
    .block-iframe:has(iframe[src*="audioptic-breadcrumb"]) {
        display: none !important;
    }
}


/* ==========================================================================
   7. MÉGA-MENU ET PIED DE PAGE (Wedocom, août 2026)
   Le méga-menu fonctionne avec le script portail.js (classes wdc-*).
   ========================================================================== */

/* ========== Sub Navigation ========== */
.component-row--RWD,
.component-row--RWD * {
    overflow: visible !important;
}
.component-row--RWD .widget-sub-nav {
    position: relative !important;
}
/* Hide LumApps sticky sub-navigation clone */
.component-row--RWD .widget-sub-navigation--sticky,
body:has(.component-row--RWD) .widget-sub-navigation--sticky.widget-sub-navigation--dark {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.component-row--RWD .widget-sub-nav.wdc-mega-open {
    z-index: 9999999 !important;
}
.component-row--RWD .widget-sub-nav .widget-content,
.component-row--RWD .widget-sub-nav .widget-content--hidden {
    display: none !important;
}
.component-row--RWD .widget-sub-nav.wdc-mega-open .widget-content,
.component-row--RWD .widget-sub-nav.wdc-mega-open .widget-content--hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: megaFade .15s ease-out;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 350px !important;
    max-width: 90vw !important;
    background: #1A283E !important;
    padding: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35) !important;
    z-index: 9999999 !important;
}
.component-row--RWD-audio .widget-sub-nav.wdc-mega-open .widget-content,
.component-row--RWD-audio .widget-sub-nav.wdc-mega-open .widget-content--hidden {
    background: #35465E !important;
}
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content--hidden {
    background: #9E141E !important;
}
.component-row--RWD-gadol .widget-sub-nav.wdc-mega-open .widget-content,
.component-row--RWD-gadol .widget-sub-nav.wdc-mega-open .widget-content--hidden {
    background: #000000 !important;
}
.component-row--RWD-groupement .widget-sub-nav.wdc-mega-open .widget-content,
.component-row--RWD-groupement .widget-sub-nav.wdc-mega-open .widget-content--hidden {
    background: #DC9636 !important;
}
.component-row--RWD .wdc-mega-open .navigation-item__label {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
/* Animation */
@keyframes megaFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Last column menus open to the left */
.component-row--RWD .widget-sub-nav.wdc-open-left.wdc-mega-open .widget-content,
.component-row--RWD .widget-sub-nav.wdc-open-left.wdc-mega-open .widget-content--hidden {
    left: auto !important;
    right: 0 !important;
}
/* Hover Effect */
.component-row--RWD .navigation-item__link:hover,
.component-row--RWD .navigation-section-link__section:hover {
    background: rgba(255, 255, 255, .08) !important;
    border-radius: 6px !important;
}
/* Cursor */
.component-row--RWD .widget-header__wrapper {
    cursor: pointer !important;
}
/* Animation Hover for titles */
.component-row--RWD .widget-header__icon {
    transition: transform .2s ease;
}
.component-row--RWD .widget-header__wrapper:hover .widget-header__icon {
    transform: translateY(2px);
}
/* Disable mega menu in edit mode */
.app-content--edit-mode .component-row--RWD .widget-content,
.app-content--edit-mode .component-row--RWD .widget-content--hidden {
    display: block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    animation: none !important;
}
/* Responsive: 2 rows between 1024px and 1250px */
@media (min-width: 1024px) and (max-width: 1250px) {
    .component-row--RWD > .row-wrapper > .cell > .cell__wrapper > .row > .row-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 0 !important;
    }
    .component-row--RWD > .row-wrapper > .cell > .cell__wrapper > .row > .row-wrapper > .cell {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
    /* In 2-row layout, the 2nd widget of each row opens to the left */
    .component-row--RWD > .row-wrapper > .cell > .cell__wrapper > .row > .row-wrapper > .cell:nth-child(even) .widget-sub-nav.wdc-mega-open .widget-content,
    .component-row--RWD > .row-wrapper > .cell > .cell__wrapper > .row > .row-wrapper > .cell:nth-child(even) .widget-sub-nav.wdc-mega-open .widget-content--hidden {
        left: auto !important;
        right: 0 !important;
    }
}
@media (max-width: 1024px) {
    .component-row--RWD {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
@media (max-width: 1023px) {
    .component-row--RWD .widget-sub-nav.wdc-mega-open .widget-content,
    .component-row--RWD .widget-sub-nav.wdc-mega-open .widget-content--hidden {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        box-shadow: none !important;
        padding: 8px 16px 16px 16px !important;
        background: transparent !important;
    }
    .component-row--RWD .widget-sub-nav.wdc-mega-open button[data-id="widget-sub-navigation-button-open-sub-navigation"],
    .component-row--RWD .wdc-mobile-opened button[data-id="widget-sub-navigation-button-open-sub-navigation"] {
        display: none !important;
    }
    body:has(.component-row--RWD) .widget-sub-navigation--sticky.widget-sub-navigation--dark {
        display: none !important;
    }
}

/* ========== Footer ========== */
.footer {
    align-self: center;
    width: 100%;
}
.footerContainer {
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    height: 76px;
    width: calc(100% - 32px) !important;
    max-width: 1152px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    box-sizing: border-box;
}
.footerlogo img {
    width: 150px;
    max-width: 100%;
}
.footerSM {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #003781;
}
.footerSM a {
    text-decoration: none;
    color: #003781;
}
/* Medium screens */
@media (max-width: 1280px) {
    .footerContainer {
        max-width: 984px !important;
    }
}
/* Small screens */
@media (max-width: 1024px) {
    .footerContainer {
        width: 100% !important;
        max-width: none !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
/* Bannière/header Lissac */
.component-row--lissac-header,
.component-row--lissac-banniere {
    background: #9E141E !important;
}

/* Barre de navigation secondaire Lissac */
.component-row--RWD-lissac .main-nav__root,
.component-row--RWD-lissac .widget-sub-nav__list--root {
    background: #9E141E !important;
}

/* Police couleur #FEF4E7 dans les sous-menus Lissac */
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content .navigation-item__label,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content--hidden .navigation-item__label,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content .navigation-item__link,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content--hidden .navigation-item__link,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content span,
.component-row--RWD-lissac .widget-sub-nav.wdc-mega-open .widget-content--hidden span {
    color: #FEF4E7 !important;
}