/*
 * Navigation color contract — dernière demande validée.
 * Cette feuille est chargée après les styles historiques afin de ne toucher
 * qu'à la couleur du texte, sans modifier les fonds, cadres chrome ou logos.
 */

/* Accueil : le libellé du CTA chrome reste blanc. */
body.lc-index-four-home .lc-public-nav > .lc-public-link.is-cta,
body.lc-index-four-home .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
body.lc-index-four-home .lc-index-nav-cta .lc-cta-label,
body.lc-index-four-home .lc-index-floating-cta .lc-cta-label {
    color: #fff !important;
}

/* L’index possède aussi une priorité sticky plus forte dans son template. */
body.lc-index-four-home .header-area.header-one .header-wrapper > .lc-index-floating-cta .lc-cta-label,
body.lc-index-four-home .header-area.header-one .header-wrapper > .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
body.lc-index-four-home .header-area.header-one.header--sticky.sticky .header-wrapper > .lc-index-floating-cta .lc-cta-label,
body.lc-index-four-home .header-area.header-one.header--sticky.sticky .header-wrapper > .lc-public-nav > .lc-public-link.is-cta .lc-cta-label {
    color: #fff !important;
}

/* Vous : clair = noir, sombre = blanc. */
html.rts-light-mood body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html.rts-light-mood body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
html[data-theme="light"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html[data-theme="light"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label {
    color: #161616 !important;
}

html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label {
    color: #fff !important;
}

/* Vous en mode sombre : aucun fond noir derrière le cadre chrome. */
html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta:hover,
html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta:focus,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta:hover,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta:focus {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.rts-dark body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
html[data-theme="dark"] body.lc-vous-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label {
    color: #fff !important;
}

/* Événement : le lien actif est noir en mode clair et blanc en mode sombre. */
html[data-theme="light"] body.lc-evenements-page .lc-public-nav > .lc-public-link[aria-current="page"],
html[data-theme="light"] body.lc-evenements-page .lc-public-nav > .lc-public-link[aria-current="page"] .lc-cta-label {
    color: #161616 !important;
}

/* Le menu historique peut rester présent avant l'injection du menu public. */
html:not([data-theme="dark"]) body.lc-evenements-page .lc-public-nav > .lc-public-link[href="evenements.html"],
html:not([data-theme="dark"]) body.lc-evenements-page .header-three a[href="evenements.html"],
html.rts-light-mood body.lc-evenements-page .lc-public-nav > .lc-public-link[href="evenements.html"],
html.rts-light-mood body.lc-evenements-page .header-three a[href="evenements.html"],
html:not([data-theme="dark"]) body.lc-evenements-page .header-three a[href="evenements.html"] .rolling-text,
html.rts-light-mood body.lc-evenements-page .header-three a[href="evenements.html"] .rolling-text {
    color: #161616 !important;
    -webkit-text-fill-color: #161616 !important;
}

html[data-theme="dark"] body.lc-evenements-page .lc-public-nav > .lc-public-link[aria-current="page"],
html[data-theme="dark"] body.lc-evenements-page .lc-public-nav > .lc-public-link[aria-current="page"] .lc-cta-label {
    color: #fff !important;
}

html.rts-dark body.lc-evenements-page .lc-public-nav > .lc-public-link[href="evenements.html"],
html.rts-dark body.lc-evenements-page .header-three a[href="evenements.html"],
html[data-theme="dark"] body.lc-evenements-page .lc-public-nav > .lc-public-link[href="evenements.html"],
html[data-theme="dark"] body.lc-evenements-page .header-three a[href="evenements.html"],
html.rts-dark body.lc-evenements-page .header-three a[href="evenements.html"] .rolling-text,
html[data-theme="dark"] body.lc-evenements-page .header-three a[href="evenements.html"] .rolling-text {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Contact, Mehdi et Service : le libellé Réserver reste blanc. */
body.lc-contact-page .lc-public-nav > .lc-public-link.is-cta,
body.lc-contact-page .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
body.index-two .lc-public-nav > .lc-public-link.is-cta,
body.index-two .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
body.service-1 .lc-public-nav > .lc-public-link.is-cta,
body.service-1 .lc-public-nav > .lc-public-link.is-cta .lc-cta-label,
body.lc-contact-page .lc-booking-link,
body.index-two .lc-booking-link,
body.service-1 .lc-booking-link {
    color: #fff !important;
}

/* Contact : priorité équivalente au bouton natif de la template. */
body.lc-contact-page .rts-header-area-two .main-header-two .header-left-area > .lc-booking-link,
body.lc-contact-page .rts-header-area-two .main-header-two > .lc-public-nav > .lc-public-link.is-cta,
body.lc-contact-page .rts-header-area-two .main-header-two > .lc-public-nav > .lc-public-link.is-cta .lc-cta-label {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Menu plein écran mobile : fond clair = texte sombre, y compris au repos
   avant toute interaction tactile. */
@media (max-width: 1199px) {
    html.rts-light-mood .rts-fs-menu .menu-item > a,
    html.rts-light-mood .rts-fs-menu .menu-item > a:hover,
    html.rts-light-mood .rts-fs-menu .menu-item > a:focus,
    html.rts-light-mood .rts-fs-menu .menu-item > a:active {
        color: #161616 !important;
        -webkit-text-fill-color: #161616 !important;
    }
}
