/ Limiter la hauteur du logo dans la navbar /
#yw-topnav .navbar-brand img {

• max-height: 20px !important;
• width: auto !important;
• height: auto !important;

}

/ Supprimer les marges parasites autour du logo /
#yw-topnav .navbar-brand figure {

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

}

#yw-topnav .navbar-brand figcaption {

• display: none !important;

}

• / Réduire la hauteur des sections du header /

.yw-headerpage section {

• padding-top: 3px !important;
• padding-bottom: 2px !important;

}
/ Réduire aussi les marges internes du slogan /
.yw-headerpage section div {

• padding: 2px 0 !important;
• margin: 0 !important;

}
/ Forcer les sections du header à occuper toute la largeur /
#yw-header .yw-headerpage section {

• width: 100% !important;
• max-width: 100% !important;
• padding-left: 0 !important;
• padding-right: 0 !important;

}
/ Forcer le container Bootstrap à prendre toute la largeur /
#yw-header .yw-headerpage section > .container {

• width: 100% !important;
• max-width: 100% !important;
• padding-left: 15px !important;
• padding-right: 15px !important;

}
/ Centrage du contenu à l'intérieur /
#yw-header .yw-headerpage section > .container {

• display: flex !important;
• flex-direction: column !important;
• align-items: center !important;

}
/ Centrage des nav eux-mêmes /
.menu-desktop,
.menu-mobile {

• width: 100% !important;
• text-align: center !important;

}

.background-image.text-center .container {

• padding-top: 0 !important;
• padding-bottom: 0 !important;

}

.background-image.text-center .container br {

• display: none;

}

/ MENU DESKTOP : grille d'icônes - visible uniquement sur grand écran /
.menu-desktop { display: block; }

.menu-grille {

• display: flex;
• flex-wrap: wrap;
• justify-content: center;
• list-style: none;
• padding: 10px 0;
• margin: 0;
• gap: 15px;

}
.menu-grille li {

• width: 120px;
• text-align: center;
• display: flex !important;
• flex-direction: column !important;
• align-items: center !important;
• justify-content: flex-end !important;

}
/ Texte sous les icônes /
.menu-grille li p {

• font-size: 11px !important;
• font-weight: bold !important;
• color: #FF6600 !important;
• margin: 0 !important;
• padding: 0 !important;
• line-height: 1.2 !important;
• text-align: center;

}
/ Supprimer la marge basse de la figure pour coller le texte /
.menu-grille li figure {

• margin-bottom: 0 !important;
• margin-top: 0 !important;

}
/ Neutraliser le div parasite autour de l'icône Repair Café /
.menu-grille li div {

• display: contents !important;

}
.menu-grille li img {

• width: 90px !important;
• height: 90px !important;
• object-fit: contain;
• display: block;
• margin: 0 auto;
• transition: transform 0.2s;

}
.menu-grille li img:hover {

• transform: scale(1.1);

}
/ MENU MOBILE : caché par défaut /
.menu-mobile {

• display: none;

}
.menu-texte {

• display: flex;
• flex-wrap: wrap;
• justify-content: center;
• list-style: none;
• padding: 8px 0;
• margin: 0;
• gap: 5px;

}
.menu-texte li a {

• display: inline-block;
• padding: 5px 10px;
• background-color: #f0f0f0;
• border-radius: 20px;
• text-decoration: none;
• color: #333;
• font-size: 13px;
• font-weight: bold;

}
.menu-texte li a:hover {

• background-color: #ddd;

}

/

• /

/ Caché par défaut sur desktop /
#btn-menu-mobile {

• display: none;

}
#panel-menu-mobile {

• display: none;

}

/

• /

@media (max-width: 768px) {

• / Cacher menu desktop et menu texte compact /
• .menu-desktop {
  • display: none !important;
• }
• .menu-mobile {
  • display: none !important;
• }

• / Cacher la colonne gauche - sélecteurs réels de Margot /
• #yw-main .side-bar.left {
  • display: none !important;
• }

• / Contenu principal pleine largeur /
• #yw-main .yw-main-content {
  • width: 100% !important;
  • margin-left: 0 !important;
  • float: none !important;
  • padding-left: 10px !important;
  • padding-right: 10px !important;
• }

• / Bouton flottant /
• #btn-menu-mobile {
  • display: flex !important;
  • align-items: center;
  • justify-content: center;
  • position: fixed;
  • bottom: 20px;
  • right: 20px;
  • z-index: 9999;
  • width: 55px;
  • height: 55px;
  • border-radius: 50%;
  • background-color: #A8D256;
  • color: white;
  • font-size: 24px;
  • border: none;
  • cursor: pointer;
  • box-shadow: 0 3px 8px rgba(0,0,0,0.3);
• }

• / Panneau menu qui s'ouvre /
• #panel-menu-mobile {
  • display: none;
  • position: fixed;
  • bottom: 85px;
  • right: 15px;
  • z-index: 9998;
  • background: white;
  • border-radius: 12px;
  • padding: 15px;
  • box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  • width: 320px;
  • max-width: 90vw;
• }
• #panel-menu-mobile.ouvert {
  • display: block !important;
• }

• / Menu grille dans le panneau flottant /
• #panel-menu-mobile .menu-grille {
  • display: flex !important;
  • flex-wrap: wrap !important;
  • justify-content: center !important;
  • gap: 10px !important;
  • padding: 5px 0 !important;
  • list-style: none !important;
  • margin: 0 !important;
• }
• #panel-menu-mobile .menu-grille li {
  • width: 80px !important;
• }
• #panel-menu-mobile .menu-grille li img {
  • width: 60px !important;
  • height: 60px !important;
• }
• #panel-menu-mobile .menu-grille li p {
  • font-size: 10px !important;
• }

}

---