.footer-nav-menu ul {
  display: flex;
  flex-direction: column;
}

/* ✅ Mobile : Titre lisible, image cachée */
@media only screen and (max-width: 768px) {
  .fix-title-mobile {
    font-size: 24px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 1.4em !important;
    word-break: normal !important;
    white-space: normal !important;
    width: 100% !important;
    text-align: left !important;
  }

  .homeimage {
    display: none !important;
  }
}

/* ✅ Desktop : Image plus grande et centrée verticalement */
@media only screen and (min-width: 1024px) {
  .big-image-desktop {
    max-width: 600px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .vertical-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* Menu footer en colonne sur mobile */
.footer-nav-menu ul {
  display: flex;
  flex-direction: column;
}

/* ✅ MOBILE */
@media only screen and (max-width: 768px) {
  .fix-title-mobile {
    font-size: 24px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 1.4em !important;
    word-break: normal !important;
    white-space: normal !important;
    width: 100% !important;
    text-align: left !important;
  }

  .desktop-image-large {
    display: none !important; /* Cache l’image sur mobile */
  }
}

/* ✅ DESKTOP */
@media only screen and (min-width: 1024px) {
  .desktop-image-large {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain;
    margin: 0 auto;
  }
}
/* Bandeau rouge + liens cliquables */
.topbar{background:#E53935;color:#111;font-weight:700}
.topbar a{color:#111;text-decoration:none}

/* Forcer la topbar à pousser le contenu à DROITE */
.topbar .container,
.topbar .topbar-inner,
.topbar .kd-topbar,
.topbar .row,
.topbar .topbar-holder,
.topbar .topbar-content{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%;
}

/* Le menu lui-même aligné à droite (couvre les variantes Sway) */
.topbar .menu,
.topbar nav ul,
.topbar .navigation > ul{
  display:inline-flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:12px;
  margin-left:auto!important;
  margin-right:0!important;
  float:none!important;
  text-align:right!important;
  width:auto;
}

/* CTA bouton (dernier item) */
.topbar .menu > li:last-child > a,
.topbar nav ul > li:last-child > a{
  display:inline-block;padding:8px 14px;border-radius:10px;
  background:#fff;color:#E53935!important;border:2px solid #fff;text-decoration:none
}
.topbar .menu > li:last-child > a:hover{opacity:.9}

/* Mobile : reste à droite mais permet le retour à la ligne */
@media (max-width:600px){
  .topbar{font-size:14px;line-height:1.2}
  .topbar .menu,
  .topbar nav ul,
  .topbar .navigation > ul{flex-wrap:wrap;gap:8px;justify-content:flex-end!important}
  .topbar .menu > li:last-child > a{padding:6px 10px}
}

/* Barre admin & éventuelles bordures du thème */
body.admin-bar .topbar{margin-top:32px}
.topbar .topbar-border{display:none}