/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 15 2025 | 15:51:59 */
.wp-block-uagb-image img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

.wp-block-uagb-image {
  overflow: hidden;
  width: 100% !important;
}

/* Place le menu hamburger en haut à droite */
.wp-block-navigation__responsive-container-open {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
  background: none;
  border: none;
  padding: 10px;
  cursor: pointer;
}

/* Améliore la taille et le look de l’icône hamburger */
.wp-block-navigation__responsive-container-open svg {
  width: 32px;
  height: 32px;
  stroke: #000; /* Change ici la couleur si tu veux, ex: white */
  transition: transform 0.25s ease-in-out;
}

/* Effet zoom au survol */
.wp-block-navigation__responsive-container-open:hover svg {
  transform: scale(1.1);
}

/* Cacher le logo uniquement dans le menu hamburger mobile */
.is-menu-open .custom-logo {
  display: none !important;
}

/* Cibler le logo uniquement quand le menu hamburger est ouvert */
.is-menu-open .custom-logo {
  display: block !important;
  max-width: 120px; /* réduit la taille du logo */
  height: auto;
  margin: 20px auto 10px auto; /* centré horizontalement avec marge en haut */
  display: block;
}

.is-menu-open .wp-block-site-logo {
  text-align: center;
}

@media (max-width: 768px) {
  .bouton-accueil {
    font-size: 12px !important;
    padding: 8px 8px !important;   /* padding un peu plus petit */
    max-width: 80% !important;      /* largeur max réduite */
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto !important;      /* centré */
    text-align: center;
  }
}

  .bouton-accueil-container {
    text-align: center;
  }

.mobile-logo-container {
  display: none;
}
@media (max-width: 768px) {
  .mobile-logo-container {
	display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mobile-logo {
	margin-top: -20px;
    height: 100px;
    width: auto;
  }

  /* Cacher le logo dans le menu hamburger (celui au milieu) */
  .wp-block-navigation .custom-logo {
    display: none;
  }

  /* Si le menu est ouvert, on cache ce logo */
  .wp-navigation-open .mobile-logo-container {
    display: none;
  }
}

/* Effet zoom au survol du bouton burger */
.wp-block-navigation__responsive-container-open:hover svg {
  transform: scale(1.1);
}

/* Transition pour les liens de 1er niveau */
.wp-block-navigation__container > li > .wp-block-navigation-item__content {
  transition: transform 0.3s ease;
}

/* Hover (zoom) pour les liens de 1er niveau, dropdown compris */
.wp-block-navigation__container > li > .wp-block-navigation-item__content:hover {
  transform: scale(1.05);
}

/* === GRAS pour les éléments actifs === */

/* 1. Page courante avec aria-current="page" */
.wp-block-navigation__container a[aria-current="page"],
.wp-block-navigation__container a[aria-current="page"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* 2. Classes WordPress classiques (au cas où) */
.wp-block-navigation__container > li:is(
  .current-menu-item,
  .current-menu-parent,
  .current-menu-ancestor,
  .current_page_item,
  .current_page_parent,
  .current_page_ancestor
) > .wp-block-navigation-item__content,
.wp-block-navigation__container > li:is(
  .current-menu-item,
  .current-menu-parent,
  .current-menu-ancestor,
  .current_page_item,
  .current_page_parent,
  .current_page_ancestor
) > .wp-block-navigation-item__content .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* 3. Parent d'un élément actif (pour "Commander" quand sous-menu actif) */
.wp-block-navigation__container > li:has(.wp-block-navigation__submenu-container a[aria-current]) > .wp-block-navigation-item__content,
.wp-block-navigation__container > li:has(.wp-block-navigation__submenu-container a[aria-current]) > .wp-block-navigation-item__content .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* 4. Styles actifs uniquement selon le contexte de la page */

/* D'abord, réinitialiser tous les liens de commande */
.wp-block-navigation__container a[href*="/commande-"],
.wp-block-navigation__container a[href*="/commande-"] .wp-block-navigation-item__label {
  font-weight: normal !important;
}

/* Blog actif SEULEMENT sur les pages de blog */
body.blog .wp-block-navigation__container a[href*="/blog/"],
body.blog .wp-block-navigation__container a[href*="/blog/"] .wp-block-navigation-item__label,
body.single-post .wp-block-navigation__container a[href*="/blog/"],
body.single-post .wp-block-navigation__container a[href*="/blog/"] .wp-block-navigation-item__label,
body.category .wp-block-navigation__container a[href*="/blog/"],
body.category .wp-block-navigation__container a[href*="/blog/"] .wp-block-navigation-item__label,
body.tag .wp-block-navigation__container a[href*="/blog/"],
body.tag .wp-block-navigation__container a[href*="/blog/"] .wp-block-navigation-item__label,
body.archive .wp-block-navigation__container a[href*="/blog/"],
body.archive .wp-block-navigation__container a[href*="/blog/"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* Puis appliquer le gras seulement sur le bon sous-menu selon la page */
body[class*="commande-basket"] .wp-block-navigation__container a[href*="/commande-basket"],
body[class*="commande-basket"] .wp-block-navigation__container a[href*="/commande-basket"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

body[class*="commande-sublimation"] .wp-block-navigation__container a[href*="/commande-sublimation"],
body[class*="commande-sublimation"] .wp-block-navigation__container a[href*="/commande-sublimation"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* Parent "Commander" actif SEULEMENT quand on est sur une page de commande */
body[class*="commande-basket"] .wp-block-navigation__container > li.wp-block-navigation-submenu > .wp-block-navigation-item__content,
body[class*="commande-basket"] .wp-block-navigation__container > li.wp-block-navigation-submenu > .wp-block-navigation-item__content .wp-block-navigation-item__label,
body[class*="commande-sublimation"] .wp-block-navigation__container > li.wp-block-navigation-submenu > .wp-block-navigation-item__content,
body[class*="commande-sublimation"] .wp-block-navigation__container > li.wp-block-navigation-submenu > .wp-block-navigation-item__content .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* Autres pages spécifiques */
body[class*="galerie"] .wp-block-navigation__container a[href*="/galerie/"],
body[class*="galerie"] .wp-block-navigation__container a[href*="/galerie/"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

body[class*="ateliers"] .wp-block-navigation__container a[href*="/ateliers/"],
body[class*="ateliers"] .wp-block-navigation__container a[href*="/ateliers/"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

body[class*="mon-histoire"] .wp-block-navigation__container a[href*="/mon-histoire/"],
body[class*="mon-histoire"] .wp-block-navigation__container a[href*="/mon-histoire/"] .wp-block-navigation-item__label {
  font-weight: 700 !important;
}

/* Hover plus fort pour les éléments actifs */
.wp-block-navigation__container > li:has([aria-current]) > .wp-block-navigation-item__content:hover,
.wp-block-navigation__container > li:is(
  .current-menu-item,
  .current-menu-parent,
  .current-menu-ancestor,
  .current_page_item,
  .current_page_parent,
  .current_page_ancestor
) > .wp-block-navigation-item__content:hover {
  transform: scale(1.1);
}

body:not(.home) h1 {
  display: none;
}
.wp-block-group.has-background {
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

body.home,
html.home {
  overflow-x: hidden;
}