/* interactions.css — (1) désactive la sélection/le drag fantôme sur les carrousels
   glissables ; (2) inversion de couleur des boutons au survol.
   Chargé EN DERNIER (voir functions.php) pour l'emporter sur les :hover d'origine. */

/* ============================================================
   0. Aucun contour de focus au CLIC (souris / tactile), partout.
   Supprime le "gros encart aux bordures noires" du navigateur qui
   apparaissait au clic sur les grands blocs cliquables (liens, boutons,
   cartes). L'accessibilité clavier reste préservée : le contour ne
   s'affiche qu'à la navigation clavier (:focus-visible) — et les champs
   de formulaire gardent leur focus (ils matchent toujours :focus-visible).
   ============================================================ */
:focus:not(:focus-visible) { outline: none; }
/* Coupe aussi la surbrillance bleue/grise au tap sur mobile. */
a, button, [role="button"], [tabindex], summary,
input, select, textarea, label { -webkit-tap-highlight-color: transparent; }

/* ============================================================
   1. Carrousels / sliders : pas de sélection au clic-glissé
   ============================================================ */
.brabois-dormir__track,
.brabois-avis__track { cursor: grab; -webkit-user-select: none; user-select: none; }
.brabois-dormir__track.is-dragging,
.brabois-avis__track.is-dragging { cursor: grabbing; }
.brabois-dormir__track img,
.brabois-avis__track img { -webkit-user-drag: none; }
/* autres carrousels (coverflow / arches) : pas de surbrillance de sélection */
.brabois-gammes__stage, .brabois-gammes__big,
.brabois-ambiance__stage, .brabois-ambiance__slide,
.brabois-brasserie__carousel, .brabois-brasserie__slide,
.brabois-avis__item, .brabois-chambre-card { -webkit-user-select: none; user-select: none; }
.brabois-gammes__stage img, .brabois-ambiance__slide img,
.brabois-brasserie__slide img { -webkit-user-drag: none; }

/* ============================================================
   2. Boutons — inversion de couleur au survol
   ============================================================ */
/* Transitions douces (bg + texte + flèche) */
.brabois-actus__cta,
.brabois-cform__btn--fill,
.brabois-cform__submit,
.brabois-reserve__cta,
.brabois-eng__btn,
.brabois-footer__btn,
.brabois-gammes__reserve,
.brabois-cab__btn,
.brabois-brasserie__menubtn,
.brabois-contact__btn--olive,
.brabois-pratique__btn,
.brabois-question__btn--olive,
.brabois-services__btn,
.brabois-ambiance__card-btn,
.brabois-evt__btn,
.brabois-dormir__cta,
.brabois-ch__btn,
.brabois-contact__btn--light,
.brabois-prolongez__btn,
.brabois-apropos__cta,
.brabois-reserve__mail,
.brabois-rh__btn,
.brabois-cform__btn--outline,
.brabois-aevt__btn--outline,
.brabois-question__btn--outline {
	transition: background-color .22s ease, color .22s ease, box-shadow .22s ease, outline-color .22s ease;
}
.brabois-actus__cta img,
.brabois-cform__btn--fill img,
.brabois-cform__submit img,
.brabois-reserve__cta img,
.brabois-eng__btn img,
.brabois-footer__btn img,
.brabois-gammes__reserve img,
.brabois-cab__btn img,
.brabois-brasserie__menubtn img,
.brabois-contact__btn--olive img,
.brabois-pratique__btn img,
.brabois-question__btn--olive img,
.brabois-services__btn img,
.brabois-ambiance__card-btn img,
.brabois-evt__btn img,
.brabois-dormir__cta img,
.brabois-ch__btn img,
.brabois-contact__btn--light img,
.brabois-prolongez__btn img,
.brabois-apropos__cta img,
.brabois-reserve__mail img,
.brabois-rh__btn img,
.brabois-cform__btn--outline img,
.brabois-aevt__btn--outline img,
.brabois-question__btn--outline img { transition: filter .22s ease; }

/* --- Boutons OLIVE PLEIN -> survol : fond clair, texte + flèche olive --- */
.brabois-actus__cta:hover,
.brabois-cform__btn--fill:hover,
.brabois-cform__submit:hover,
.brabois-reserve__cta:hover,
.brabois-eng__btn:hover,
.brabois-footer__btn:hover,
.brabois-gammes__reserve:hover,
.brabois-cab__btn:hover,
.brabois-brasserie__menubtn:hover,
.brabois-contact__btn--olive:hover,
.brabois-pratique__btn:hover,
.brabois-question__btn--olive:hover,
.brabois-services__btn:hover,
.brabois-ambiance__card-btn:hover,
.brabois-evt__btn:hover {
	background: #FFFCF5 !important;
	box-shadow: inset 0 0 0 1px #7e8b6f;
	filter: none;
}
.brabois-actus__cta:hover,
.brabois-cform__btn--fill:hover,
.brabois-cform__submit:hover,
.brabois-reserve__cta:hover,
.brabois-eng__btn:hover,
.brabois-footer__btn:hover,
.brabois-gammes__reserve:hover,
.brabois-cab__btn:hover,
.brabois-brasserie__menubtn:hover,
.brabois-contact__btn--olive:hover,
.brabois-pratique__btn:hover,
.brabois-question__btn--olive:hover,
.brabois-services__btn:hover,
.brabois-ambiance__card-btn:hover,
.brabois-evt__btn:hover,
.brabois-actus__cta:hover span,
.brabois-cform__btn--fill:hover span,
.brabois-cform__submit:hover span,
.brabois-reserve__cta:hover span,
.brabois-eng__btn:hover span,
.brabois-footer__btn:hover span,
.brabois-gammes__reserve:hover span,
.brabois-cab__btn:hover span,
.brabois-brasserie__menubtn:hover span,
.brabois-contact__btn--olive:hover span,
.brabois-pratique__btn:hover span,
.brabois-question__btn--olive:hover span,
.brabois-services__btn:hover span,
.brabois-ambiance__card-btn:hover span,
.brabois-evt__btn:hover span { color: #7e8b6f; }
.brabois-actus__cta:hover img,
.brabois-cform__btn--fill:hover img,
.brabois-cform__submit:hover img,
.brabois-reserve__cta:hover img,
.brabois-eng__btn:hover img,
.brabois-footer__btn:hover img,
.brabois-gammes__reserve:hover img,
.brabois-cab__btn:hover img,
.brabois-brasserie__menubtn:hover img,
.brabois-contact__btn--olive:hover img,
.brabois-pratique__btn:hover img,
.brabois-question__btn--olive:hover img,
.brabois-services__btn:hover img,
.brabois-ambiance__card-btn:hover img,
.brabois-evt__btn:hover img { filter: brightness(0) invert(0.42) sepia(0.30) saturate(260%) hue-rotate(42deg) brightness(1.22) contrast(0.92); }

/* --- Boutons CLAIRS / CONTOUR -> survol : fond olive, texte + flèche blancs --- */
.brabois-dormir__cta:hover,
.brabois-ch__btn:hover,
.brabois-contact__btn--light:hover,
.brabois-prolongez__btn:hover,
.brabois-apropos__cta:hover,
.brabois-reserve__mail:hover,
.brabois-rh__btn:hover,
.brabois-cform__btn--outline:hover,
.brabois-aevt__btn--outline:hover,
.brabois-question__btn--outline:hover {
	background: #7e8b6f !important;
	box-shadow: inset 0 0 0 1px #7e8b6f;
	filter: none;
}
.brabois-dormir__cta:hover,
.brabois-ch__btn:hover,
.brabois-contact__btn--light:hover,
.brabois-prolongez__btn:hover,
.brabois-apropos__cta:hover,
.brabois-reserve__mail:hover,
.brabois-rh__btn:hover,
.brabois-cform__btn--outline:hover,
.brabois-aevt__btn--outline:hover,
.brabois-question__btn--outline:hover,
.brabois-dormir__cta:hover span,
.brabois-ch__btn:hover span,
.brabois-contact__btn--light:hover span,
.brabois-prolongez__btn:hover span,
.brabois-apropos__cta:hover span,
.brabois-reserve__mail:hover span,
.brabois-rh__btn:hover span,
.brabois-cform__btn--outline:hover span,
.brabois-aevt__btn--outline:hover span,
.brabois-question__btn--outline:hover span { color: #fcfcfc; }
.brabois-dormir__cta:hover img,
.brabois-ch__btn:hover img,
.brabois-contact__btn--light:hover img,
.brabois-prolongez__btn:hover img,
.brabois-apropos__cta:hover img,
.brabois-reserve__mail:hover img,
.brabois-rh__btn:hover img,
.brabois-cform__btn--outline:hover img,
.brabois-aevt__btn--outline:hover img,
.brabois-question__btn--outline:hover img { filter: brightness(0) invert(1); }

/* --- CTA « Réserver une chambre » du header (flèches --w/--o déjà présentes,
   états de scroll gérés) : inversion cohérente au survol. --- */
.bh__cta:hover { background: #FFFCF5 !important; box-shadow: inset 0 0 0 1px #7e8b6f; filter: none; }
.bh__cta:hover .bh__cta-full,
.bh__cta:hover .bh__cta-short { color: #7e8b6f; }
.bh__cta:hover .bh__cta-arrow--w { display: none; }
.bh__cta:hover .bh__cta-arrow--o { display: block; }
/* header home AU SCROLL : le CTA est déjà clair -> on inverse dans l'autre sens */
.brabois-header--home.is-scrolled .bh__cta:hover { background: #7e8b6f !important; }
.brabois-header--home.is-scrolled .bh__cta:hover .bh__cta-full,
.brabois-header--home.is-scrolled .bh__cta:hover .bh__cta-short { color: #fcfcfc; }
.brabois-header--home.is-scrolled .bh__cta:hover .bh__cta-arrow--o { display: none; }
.brabois-header--home.is-scrolled .bh__cta:hover .bh__cta-arrow--w { display: block; }