/* Reloge - le panneau mobile de Blocksy distribue par [reloge_menu_mobile] (menu-mobile.php, Fred 2026-11-05) : l'avatar
   et le menu principal sur le site, le compte et le menu du membre dans son espace, les raccourcis d'une fiche au-dessus
   de l'avatar et du menu principal. */
#offcanvas .ct-header-text:has(.reloge-menu-mobile) { align-self: stretch; width: 100%; }
#offcanvas .ct-header-text:has(.reloge-menu-mobile) p:empty { display: none; margin: 0; }
#offcanvas .ct-header-text[data-id="espace"]:not(:has(.reloge-menu-mobile)) { display: none; }
/* L'avatar et le menu principal, rendus par le code court : la disposition du panneau (alignes a gauche, 20 pixels entre
   deux elements, le menu sur toute la largeur), et rien de la mise en forme des textes de l'element HTML. */
.reloge-menu-mobile--site { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.reloge-menu-mobile--fiche + .reloge-menu-mobile--site { margin-top: 20px; }
.reloge-menu-mobile--site > [data-id="mobile-menu"] { align-self: stretch; }
.reloge-menu-mobile--site > * { margin: 0; }
.reloge-menu-mobile--site ul, .reloge-menu-mobile--site li { margin-top: 0; margin-bottom: 0; }
#offcanvas .ct-header-text .reloge-menu-mobile--site a, #offcanvas .ct-header-text .reloge-menu-mobile--site a:hover { text-decoration: none; }

/* Sur telephone et tablette (la ou le theme montre son bouton de menu), plus de bouton « Menu » ni de menu dans la
   page : un seul menu, celui du panneau. Seulement si le panneau le porte bien. */
@media (max-width: 999.98px) {
  body:has(#offcanvas .reloge-menu-mobile--espace) .reloge-espace .reloge-espace__menu,
  body:has(#offcanvas .reloge-menu-mobile--espace) .reloge-espace-nav { display: none !important; }
}

.reloge-menu-mobile--espace, .reloge-menu-mobile--fiche { width: 100%; margin: 0; text-align: left; }
.reloge-menu-mobile__nav ul, .reloge-menu-mobile__raccourcis { margin: 0; padding: 0; list-style: none; }
.reloge-menu-mobile__nav li, .reloge-menu-mobile__raccourcis li { margin: 0; padding: 0; }
.reloge-menu-mobile--espace a, .reloge-menu-mobile--fiche a { text-decoration: none; }

/* Le compte : la personne connectee, sous le choix de l'espace. */
.reloge-menu-mobile__compte .reloge-espace__qui { display: flex; flex-wrap: wrap; align-items: center; gap: .15rem .5rem; margin: .7rem .75rem .2rem;
  color: #1f2733; font-size: .95rem; line-height: 1.3; }
.reloge-menu-mobile__compte .reloge-espace__qui .reloge-espace-icone { flex: none; color: var(--esp-accent, #a3a3a3); }
.reloge-menu-mobile__compte .reloge-espace__qui-nom { font-weight: 700; }
.reloge-menu-mobile__compte .reloge-espace__qui-pseudo { flex: 1 1 100%; padding-left: 1.75rem; color: #6b7280; font-size: .85rem; }

/* Retourner sur Reloge.com, en tete du menu du membre. */
.reloge-menu-mobile .reloge-menu-mobile__quitter { display: flex; align-items: center; gap: .65rem; min-height: 2.75rem; margin: 0 0 .7rem;
  padding: .5rem .75rem; border-radius: .75rem; background: #f4f5f7; color: #1f2733; font-size: .95rem; font-weight: 600; line-height: 1.25; }
.reloge-menu-mobile .reloge-menu-mobile__quitter:hover { background: #eceef1; color: #111827; }
.reloge-menu-mobile__quitter .reloge-espace-icone { flex: none; color: #fd6905; }

/* Le choix de l'espace : le selecteur segmente de la recherche (reloge-front.css), sur toute la largeur. */
.reloge-menu-mobile__bascule { margin: 0 0 .5rem; }
.reloge-menu-mobile .reloge-segments--espaces { --seg-h: 2.5rem; display: flex; width: 100%; font-size: .92rem; }
.reloge-menu-mobile .reloge-segments--espaces .reloge-segments__choix { flex: 1 1 0; min-width: 0; padding: 0 .4rem; }

/* Les entrees de l'espace, en liste : une ligne par entree, assez haute pour le pouce. */
.reloge-menu-mobile__nav .reloge-espace-groupe + .reloge-espace-groupe { margin-top: .3rem; }
.reloge-menu-mobile__nav .reloge-espace-groupe__titre { margin: .9rem .75rem .35rem; color: #6b7280; font-size: .75rem; font-weight: 700;
  letter-spacing: .09em; line-height: 1.3; text-transform: uppercase; }
.reloge-menu-mobile__nav .reloge-espace-groupe__liens { display: grid; gap: 2px; }
.reloge-menu-mobile__nav .reloge-espace-lien { display: flex; align-items: center; gap: .7rem; min-height: 2.75rem; padding: .5rem .75rem;
  border-radius: .625rem; color: #1f2733; font-size: .95rem; font-weight: 400; line-height: 1.25; letter-spacing: normal; text-transform: none; }
.reloge-menu-mobile__nav .reloge-espace-lien:hover { background: #f4f5f7; color: #111827; }
.reloge-menu-mobile__nav .reloge-espace-lien.est-actif { background: var(--esp-actif-fond, #f3f3f3); color: var(--esp-actif-texte, #494949);
  box-shadow: inset .1875rem 0 0 var(--esp-accent, #a3a3a3); }
.reloge-menu-mobile__nav .reloge-espace-lien .reloge-espace-icone { flex: none; color: var(--esp-accent, #a3a3a3); }
.reloge-menu-mobile__nav .reloge-espace-lien.est-actif .reloge-espace-icone { color: var(--esp-actif-texte, #494949); }
.reloge-menu-mobile__nav .reloge-espace-groupe--sortie { margin-top: .6rem; padding-top: .6rem; border-top: 1px solid #eef0f3; }
.reloge-menu-mobile__nav .reloge-espace-lien--sortie { color: #5b6675; }
.reloge-menu-mobile__nav .reloge-espace-lien--sortie .reloge-espace-icone { color: #8a94a3; }

/* Les raccourcis d'une fiche : « Réserver » en tete, sur toute la largeur, puis les endroits de la page deux par deux. */
.reloge-menu-mobile--fiche { margin: 0 0 .3rem; }
.reloge-menu-mobile__titre { margin: 0 0 .5rem; color: #6b7280; font-size: .75rem; font-weight: 700; letter-spacing: .09em; line-height: 1.3;
  text-transform: uppercase; }
.reloge-menu-mobile .reloge-menu-mobile__raccourcis { display: grid; grid-template-columns: 1fr 1fr; gap: .375rem; }
.reloge-menu-mobile__raccourcis > li { display: flex; }
.reloge-menu-mobile__raccourcis > li.est-absent { display: none; }
.reloge-menu-mobile .reloge-menu-mobile__raccourci { display: flex; flex: 1 1 auto; align-items: center; gap: .5rem; min-height: 3rem;
  padding: .5rem .65rem; border: 1px solid #e5e7eb; border-radius: .75rem; background: #fff; color: #1f2733; font-size: .9rem; line-height: 1.2; }
.reloge-menu-mobile .reloge-menu-mobile__raccourci:hover { background: #f4f5f7; color: #111827; }
.reloge-menu-mobile__raccourci .reloge-espace-icone { flex: none; color: #fd6905; }
.reloge-menu-mobile__raccourcis > li:first-child { grid-column: 1 / -1; }
.reloge-menu-mobile .reloge-menu-mobile__raccourcis > li:first-child .reloge-menu-mobile__raccourci { justify-content: center;
  border-color: #fd6905; background: #fd6905; color: #fff; font-size: .95rem; font-weight: 700; }
.reloge-menu-mobile__raccourcis > li:first-child .reloge-espace-icone { color: #fff; }

.reloge-menu-mobile a:focus-visible { outline: 2px solid #fd6905; outline-offset: 2px; }