/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2026 | 19:03:50 */
.uicore.uicore-extra {
    display: none !important;
}

/* =========================================================
   BURGER (.burger) via SVG mask
   Normal : 3 barres horizontales orange (pas de fond)
   Hover + Ouvert : pastille orange + 3 barres verticales blanches
   - Hover persiste quand on survole le sous-menu (li:hover)
========================================================= */

/* 1) Neutraliser l'arrow UiCore (mais PAS notre ::after) */
.uicore-nav-menu .uicore-menu > li.burger > a::before,
.uicore-nav-menu .uicore-menu > li.burger > a > .ui-menu-item-wrapper::after{
  content: none !important;
}

/* 2) Bouton */
.uicore-nav-menu .uicore-menu > li.burger > a:not(.ui-custom-tap){
  --btn: 56px;
  --r: 18px;     /* radius carré arrondi */
  --icon: 26px;  /* taille icône */

  width: var(--btn);
  height: var(--btn);
  display: inline-grid;
  place-items: center;
  position: relative;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: var(--r);
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none;
}

/* Cache le texte */
.uicore-nav-menu .uicore-menu > li.burger > a:not(.ui-custom-tap) > .ui-menu-item-wrapper{
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* 3) Icône (on utilise ::after)
   IMPORTANT : on force transform:none car UiCore rotate souvent le chevron sur ::after */
.uicore-nav-menu .uicore-menu > li.burger > a:not(.ui-custom-tap)::after{
  content: "" !important;
  width: var(--icon);
  height: var(--icon);
  display: block;

  background-color: var(--orange-bti);

  /* empêcher rotation UiCore */
  transform: none !important;
  -webkit-transform: none !important;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  /* SVG horizontal (normal) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Crect x='3' y='6' width='20' height='3' rx='1.5'/%3E%3Crect x='3' y='11.5' width='20' height='3' rx='1.5'/%3E%3Crect x='3' y='17' width='20' height='3' rx='1.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Crect x='3' y='6' width='20' height='3' rx='1.5'/%3E%3Crect x='3' y='11.5' width='20' height='3' rx='1.5'/%3E%3Crect x='3' y='17' width='20' height='3' rx='1.5'/%3E%3C/svg%3E");

  transition: background-color .2s ease, -webkit-mask-image .2s ease, mask-image .2s ease;
}

/* =========================================================
   HOVER (et persistant quand on survole le sous-menu)
   -> on cible le LI, pas le A
========================================================= */
@media (hover:hover){
  .uicore-nav-menu .uicore-menu > li.burger:hover > a:not(.ui-custom-tap),
  .uicore-nav-menu .uicore-menu > li.burger:focus-within > a:not(.ui-custom-tap){
    background: var(--orange-bti) !important;
  }

  .uicore-nav-menu .uicore-menu > li.burger:hover > a:not(.ui-custom-tap)::after,
  .uicore-nav-menu .uicore-menu > li.burger:focus-within > a:not(.ui-custom-tap)::after{
    background-color: #fff;

    /* SVG vertical (hover/ouvert) */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Crect x='6' y='3' width='3' height='20' rx='1.5'/%3E%3Crect x='11.5' y='3' width='3' height='20' rx='1.5'/%3E%3Crect x='17' y='3' width='3' height='20' rx='1.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Crect x='6' y='3' width='3' height='20' rx='1.5'/%3E%3Crect x='11.5' y='3' width='3' height='20' rx='1.5'/%3E%3Crect x='17' y='3' width='3' height='20' rx='1.5'/%3E%3C/svg%3E");
  }
}

/* (optionnel) spacing */
li.burger.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
  margin-left: 16px;
}


/* Centrer l’icône SVG (mask) parfaitement dans la pastille */
.uicore-nav-menu .uicore-menu > li.burger > a:not(.ui-custom-tap){
  position: relative; /* sécurité */
}

/* on force le pseudo-élément au centre géométrique */
.uicore-nav-menu .uicore-menu > li.burger > a:not(.ui-custom-tap)::after{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* évite tout décalage “ligne de texte” */
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}