/* ================================================================
HANNONSHOP-FIX-START
Correction: Header mobile visible sur desktop
Identifié via analyse visuelle + structure HTML
Date: 23/03/2026
================================================================ */
/* ─── Cacher le header/menu mobile sur DESKTOP ─────────────────── */
@media (min-width: 769px) {
/* Header mobile wrapper principal */
.hs-mobile-header,
.mobile-header,
.mobile-nav-wrapper,
.mobile-menu-wrapper,
.mobile-menu-container,
.header-mobile,
.nav-mobile,
#mobile-header,
#mobile-nav,
[class*= »mobile-header »],
[class*= »mobile-menu »],
[class*= »mobile-nav »] {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
overflow: hidden !important;
}
/* Bouton hamburger */
.hamburger,
.menu-toggle,
.burger-btn,
.nav-toggle,
.mobile-toggle,
#menu-toggle,
[class*= »hamburger »],
[class*= »menu-toggle »],
[class*= »burger-btn »],
[class*= »mobile-toggle »] {
display: none !important;
}
/* Logo mobile dupliqué */
.mobile-logo,
.mobile-brand,
[class*= »mobile-logo »],
[class*= »mobile-brand »] {
display: none !important;
}
/* Barre de recherche mobile */
.mobile-search,
.search-mobile,
[class*= »mobile-search »],
[class*= »search-mobile »] {
display: none !important;
}
/* Actions mobile (compte, panier) */
.mobile-actions,
.mobile-account,
.mobile-cart-icon,
[class*= »mobile-actions »],
[class*= »mobile-account »],
[class*= »mobile-cart-icon »] {
display: none !important;
}
}
/* ─── Header desktop toujours visible ──────────────────────────── */
@media (min-width: 769px) {
.site-header,
.desktop-header,
.header-desktop,
#masthead,
#hs-header,
[class*= »desktop-header »] {
display: block !important;
}
.site-navigation,
.main-navigation,
.desktop-nav,
[class*= »main-nav »],
[class*= »desktop-nav »] {
display: flex !important;
}
}
/* ─── Mobile: cacher desktop, montrer mobile ───────────────────── */
@media (max-width: 768px) {
.desktop-header,
.header-desktop,
[class*= »desktop-header »],
[class*= »desktop-nav »] {
display: none !important;
}
.mobile-header,
.hs-mobile-header,
[class*= »mobile-header »] {
display: block !important;
}
}
/* ─── Overflow horizontal (correction secondaire) ──────────────── */
html, body {
overflow-x: hidden;
max-width: 100%;
}
#hs-app, #page, #content, .site {
overflow-x: hidden;
max-width: 100%;
}
/* HANNONSHOP-FIX-END */