/* CercleKit — Menu à tiroirs : navigation « drill-down » à partir d'un menu WP.
 * Les sous-panneaux glissent par-dessus la liste courante ; la hauteur du bloc
 * s'anime pour épouser le panneau actif (piloté par assets/cercle-nav-menu.js). */

.ckmenu{
  --ckmenu-text:#0b1726;
  --ckmenu-text-h:#e61d26;
  --ckmenu-line:#ececec;
  --ckmenu-bg-h:transparent;
  --ckmenu-panel-bg:transparent; /* hérite du fond parent (ex. panneau du burger) */
  --ckmenu-back:#6b7280;
  --ckmenu-back-h:#e61d26;
  --ckmenu-dur:280ms;
  position:relative;
  display:block;
  overflow:hidden;
  box-sizing:border-box;
  transition:height var(--ckmenu-dur) ease;
}
.ckmenu *,.ckmenu *::before,.ckmenu *::after{box-sizing:border-box;}

.ckmenu__list{list-style:none;margin:0;padding:0;}
.ckmenu__li{margin:0;}

/* Entrée (lien ou bouton parent).
   Resets en !important : les <button> héritent sinon du style de bouton du thème
   (fond de marque, largeur auto, arrondi…) — on neutralise pour un rendu de menu. */
.ckmenu .ckmenu__item{
  display:flex !important;align-items:center;justify-content:space-between;gap:10px;
  width:100% !important;max-width:100% !important;min-height:0 !important;
  padding:12px 14px;margin:0 !important;
  background:transparent !important;color:var(--ckmenu-text);
  border:0 !important;border-bottom:1px solid var(--ckmenu-line) !important;
  border-radius:0 !important;box-shadow:none !important;
  font:inherit;font-size:15px;line-height:1.35;text-align:left;text-transform:none !important;text-decoration:none;
  cursor:pointer;transition:color .15s ease,background .15s ease;
}
.ckmenu .ckmenu__item:hover,.ckmenu .ckmenu__item:focus-visible{
  color:var(--ckmenu-text-h);background:var(--ckmenu-bg-h) !important;outline:none;
}
/* Neutralise l'état focus/actif du thème (sinon l'item cliqué « reste blanc »
   après retour en arrière, car il reprend le focus). :focus-visible ci-dessus
   fournit l'indicateur clavier (couleur de survol). */
.ckmenu .ckmenu__item:focus,.ckmenu .ckmenu__item:active{
  background:var(--ckmenu-bg-h) !important;box-shadow:none !important;outline:none;
}
/* Cas d'un LIEN (# perso) : le clic ne navigue pas → le lien garde le focus.
   On force la couleur normale hors survol/focus-clavier pour qu'il ne « reste »
   pas gris/blanc (couleur d'état a:focus/a:active du thème). */
.ckmenu .ckmenu__item:focus:not(:hover):not(:focus-visible),
.ckmenu .ckmenu__item:active:not(:hover):not(:focus-visible){
  color:var(--ckmenu-text) !important;
}
.ckmenu .ckmenu__item:focus:not(:hover):not(:focus-visible) .ckmenu__chev,
.ckmenu .ckmenu__item:active:not(:hover):not(:focus-visible) .ckmenu__chev{
  color:var(--ckmenu-text) !important;
}
.ckmenu__item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.ckmenu__chev{flex:0 0 auto;color:inherit;}
.ckmenu__item--all{font-weight:600;}

/* Sous-panneaux glissants */
.ckmenu__panel{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;
  background:var(--ckmenu-panel-bg);
  transform:translateX(100%);opacity:0;visibility:hidden;
  transition:transform var(--ckmenu-dur) ease,opacity var(--ckmenu-dur) ease;
}
.ckmenu__panel.is-open{transform:translateX(0);opacity:1;visibility:visible;}
.ckmenu__panel[hidden]{display:none;}

/* Couche du dessous masquée pendant le drill-down : permet des tiroirs
   transparents (héritant du fond parent) sans superposition des listes. */
.ckmenu .ckmenu-under{visibility:hidden;}

.ckmenu__head{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-bottom:1px solid var(--ckmenu-line);
}
.ckmenu .ckmenu__back{
  display:inline-flex !important;align-items:center;gap:6px;
  width:auto !important;min-height:0 !important;
  padding:2px 4px 2px 0;margin:0 !important;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  color:var(--ckmenu-back);font:inherit;font-size:14px;text-transform:none !important;
  cursor:pointer;transition:color .15s ease;
}
.ckmenu .ckmenu__back:hover,.ckmenu .ckmenu__back:focus-visible{color:var(--ckmenu-back-h) !important;background:transparent !important;outline:none;}
.ckmenu__title{font-size:15px;font-weight:700;color:var(--ckmenu-text);}

/* Aperçu éditeur : message quand aucun menu choisi */
.ckmenu--empty{
  overflow:visible;padding:14px 16px;border:1px dashed #ccc;border-radius:6px;
  color:#888;font-size:13px;
}