/* ============================================================================
   roannay.be — Panneau latéral (burger desktop)
   Cible : #side-panel, alimenté par un widget « Menu de navigation »
   pointant sur Menu Principal - FR.

   Deux corrections, dans le même fichier parce qu'elles ont la même cause :
   le panneau est un TROISIÈME contexte d'affichage du menu principal, que
   les règles du personnalisateur n'avaient jamais prévu.

   ── Pourquoi les drapeaux étaient en double ────────────────────────────────
   Le menu contient deux sélecteurs Polylang : un déroulant
   (li.pll-parent-menu-item) et une liste à plat (4 × li.lang-item).
   Le personnalisateur masque l'un dans la barre d'en-tête et l'autre dans le
   panneau mobile — mais aucune de ces deux règles ne vise #side-panel, donc
   les deux s'affichaient : 8 drapeaux.
   Le choix des langues vit désormais à côté du bouton « Réserver ».
   On les masque donc tous les deux ici.

   NOTE : c'est un masquage, pas une correction de fond. La vraie correction
   est de supprimer l'élément « Langues » en liste à plat dans
   Apparence → Menus, ce qui réglerait le doublon partout d'un coup. Décision
   reportée : à faire en même temps que la mise en place de la bande mobile,
   qui est ce qui affiche aujourd'hui ces drapeaux-là sur téléphone.

   ── Pourquoi la moitié du menu manquait ───────────────────────────────────
   Le personnalisateur contient :
       .widget_nav_menu ul.menu li.link-mobile { display: none; }
   Or le panneau EST un widget de menu. Les 11 entrées marquées .link-mobile
   — les 3 réservations, MY HOTEL Collection, Historique, Région, News, Jobs,
   Presse, l'adresse et le téléphone — étaient donc invisibles dans le burger,
   c'est-à-dire précisément ce que le brief y place.

   Les !important visent cette règle du personnalisateur et celles du thème,
   pas la spécificité : #side-panel (un id) gagne déjà largement. Ils sont là
   parce que la règle d'origine en porte un. Ne pas les retirer sans vérifier.
   ========================================================================= */

:root {
	--pc-or: #C7B474;
}

/* ---------------------------------------------------------------------------
   1. Plus aucun drapeau dans le panneau
   ------------------------------------------------------------------------ */

#side-panel .widget_nav_menu ul.menu > li.lang-item,
#side-panel .widget_nav_menu ul.menu > li.pll-parent-menu-item {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   2. Le panneau retrouve les entrées que le brief y met
   ------------------------------------------------------------------------ */

#side-panel .widget_nav_menu ul.menu > li.link-mobile {
	display: list-item !important;
}

/* Le bouton « Réserver » de l'en-tête est désormais en place : son entrée de
   menu ne doit pas se répéter dans le panneau, où elle réapparaissait avec ses
   trois enfants à plat. Idem pour les anciens boutons dorés, s'ils revenaient. */
#side-panel .widget_nav_menu ul.menu > li.bt-reserver,
#side-panel .widget_nav_menu ul.menu > li.bt-menu-mobile {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   2 bis. Le « + » devant chaque entrée
   Ce n'est pas une puce texte mais une décoration du thème : deux barres
   croisées dessinées en pseudo-éléments sur le lien —
       body .widget_nav_menu > div > ul > li > a::before  (9 × 1 px)
       body .widget_nav_menu > div > ul > li > a::after   (1 × 9 px)
   toutes deux en rgb(204,204,204), dans main.css. Invisible ailleurs sur le
   site parce qu'aucun autre widget de menu n'est sur fond sombre.
   ------------------------------------------------------------------------ */

#side-panel .widget_nav_menu > div > ul > li > a::before,
#side-panel .widget_nav_menu > div > ul > li > a::after {
	display: none;
}

/* ---------------------------------------------------------------------------
   3. Séparer visuellement le bloc secondaire
   Région / Jobs / Presse / adresse / téléphone ne sont pas au même niveau que
   Restaurant ou Hôtel. Un filet suffit à le dire, sans ajouter de titre —
   le thème n'en prévoit pas dans ce widget.
   ------------------------------------------------------------------------ */

/* Le filet se pose sur la première entrée secondaire : la première qui porte
   .link-mobile et qui suit une entrée qui ne la porte pas.

   PIÈGE : ne pas écrire `~ li.link-mobile:first-of-type`. `:first-of-type`
   signifie « premier <li> de la fratrie » — donc Restaurant, qui ne suit rien :
   la règle ne s'applique alors à rien. CSS n'a pas de « premier frère qui
   correspond » ; le sélecteur adjacent `+` est la bonne réponse.

   Écrit sans référence aux boutons de réservation, qui ont été retirés du menu
   le 22/09 : la règle suit la frontière entre les pages principales et le bloc
   secondaire, où qu'elle se trouve. */
#side-panel .widget_nav_menu ul.menu > li:not(.link-mobile) + li.link-mobile {
	border-top: 1px solid rgba(255, 255, 255, .12);
	margin-top: 18px;
	padding-top: 18px;
}

/* L'adresse et le téléphone ferment le panneau : plus discrets que des pages.
   Ciblés par la nature du lien et non par leur rang — un `nth-last-child` se
   décale au moindre ajout au menu, et se décalait déjà à cause de l'entrée
   « Réserver » masquée juste au-dessus. */
#side-panel .widget_nav_menu ul.menu > li > a[href^="tel:"],
#side-panel .widget_nav_menu ul.menu > li > a[href*="/maps"],
#side-panel .widget_nav_menu ul.menu > li > a[href*="goo.gl"] {
	font-size: 13px;
	opacity: .75;
}

#side-panel .widget_nav_menu ul.menu > li > a[href^="tel:"]:hover,
#side-panel .widget_nav_menu ul.menu > li > a[href*="/maps"]:hover,
#side-panel .widget_nav_menu ul.menu > li > a[href*="goo.gl"]:hover {
	opacity: 1;
	color: var(--pc-or);
}