/* ==========================================================================
   Charte Happyneuron — surcharge des couleurs et typo The7 (gnosiaformations.fr)
   Chargé après the7-css/custom.css (handle dt-custom) + Google Font Montserrat.
   ========================================================================== */

:root {
  /* Charte */
  --hn-primaire:   #120032; /* texte, fonds sombres (top bar, footer) */
  --hn-fond:       #f5f0e8; /* fond clair */
  --hn-secondaire: #364ebf; /* liens actifs, boutons */
  --hn-highlight:  #2fd6c9; /* accents sur fond SOMBRE uniquement (contraste 1,6:1 sur le fond clair) */
  --hn-font: "Montserrat", Helvetica, Arial, sans-serif;

  /* Affectations */
  --hn-header-bg:       var(--hn-primaire);
  --hn-menu-texte:      #ffffff;
  --hn-menu-actif:      var(--hn-highlight);        /* 10,8:1 sur primaire (le bleu ne fait que 2,8:1) */
  --hn-sousmenu-texte:  var(--hn-primaire);         /* sous-menus déroulants sur fond clair */
  --hn-sousmenu-actif:  var(--hn-secondaire);

  --hn-topbar-bg:       var(--hn-fond);
  --hn-topbar-texte:    var(--hn-primaire);
  --hn-topbar-icones:   var(--hn-secondaire);       /* 6,2:1 sur le fond clair */
  --hn-cta-bg:          var(--hn-primaire);
  --hn-cta-texte:       #ffffff;
  --hn-cta-survol-bg:   var(--hn-secondaire);       /* texte blanc : 7:1 */

  --hn-footer-bg:       var(--hn-primaire);
  --hn-footer-titres:   var(--hn-fond);
  --hn-footer-liens:    rgba(245,240,232,0.90);     /* fond clair adouci */
  --hn-footer-survol:   var(--hn-highlight);
  --hn-bottombar-bg:    rgba(245,240,232,0.06);
}

/* --------------------------------------------------------------------------
   1. Variables globales The7 (accent ~140 usages, boutons, typo)
   -------------------------------------------------------------------------- */
body#the7-body {
  --the7-accent-color: var(--hn-secondaire);
  --the7-btn-bg: var(--hn-secondaire);        /* texte blanc : 7:1 */
  --the7-btn-hover-bg: var(--hn-primaire);
  --the7-title-color: var(--hn-primaire);
  /* Optionnel : texte courant et fond de page aux couleurs de la charte
  --the7-base-color: var(--hn-primaire); */

  --the7-base-font-family: var(--hn-font);
  --the7-h1-font-family: var(--hn-font);
  --the7-h2-font-family: var(--hn-font);
  --the7-h3-font-family: var(--hn-font);
  --the7-h4-font-family: var(--hn-font);
  --the7-h5-font-family: var(--hn-font);
  --the7-h6-font-family: var(--hn-font);
  --the7-widget-title-font-family: var(--hn-font);
  --the7-widget-content-font-family: var(--hn-font);
  --the7-btn-s-font-family: var(--hn-font);
  --the7-btn-m-font-family: var(--hn-font);
  --the7-btn-l-font-family: var(--hn-font);
  --the7-btn-lg-font-family: var(--hn-font);
  --the7-btn-xl-font-family: var(--hn-font);
  --the7-woo-title-font-family: var(--hn-font);
  --the7-woo-content-font-family: var(--hn-font);
  --the7-form-md-font-family: var(--hn-font);
  --the7-divider-color: var(--hn-primaire);
}
/* body#the7-body { background-color: var(--hn-fond); } */

/* Typo : The7 écrit aussi des polices en dur (Roboto, Poppins, Varela Round).
   Ne pas ajouter de sélecteur générique (*, i) : casserait les polices d'icônes. */
body#the7-body,
body#the7-body :is(h1, h2, h3, h4, h5, h6, p, li, a, span.menu-text, .subtitle-text,
  .widget-title, .widgettitle, .dt-btn, button, input, select, textarea,
  .top-bar, .text-area, .mini-contacts, .entry-title) {
  font-family: var(--hn-font);
}

/* --------------------------------------------------------------------------
   2. Top bar
   -------------------------------------------------------------------------- */
.top-bar-bg {
  background: var(--hn-topbar-bg) none repeat center center;
}
#phantom .top-bar-bg,
.sticky-on .top-bar-bg,
.sticky-top-line-on .top-bar-bg {
  background: var(--hn-topbar-bg) none repeat center center !important;
}
.top-bar.line-content:after,
.top-bar.full-width-line:after {
  border-bottom-color: var(--hn-topbar-bg);
}
.top-bar,
.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle),
.masthead .top-bar .mini-contacts,
.masthead .top-bar .mini-login,
.masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a,
.top-bar .text-area {
  color: var(--hn-topbar-texte);
}
/* Pictos : une règle existante impose `.top-bar i { color: #000 !important; }`
   → !important + sélecteur plus spécifique (id) pour passer devant. */
#the7-body .top-bar i,
#the7-body .top-bar .submit:before {
  color: var(--hn-topbar-icones) !important;
}

/* Bouton CTA de la top bar (micro-widgets « Button 1 / 2 ») */
.header-elements-button-1.microwidget-btn-bg-on:before,
.header-elements-button-2.microwidget-btn-bg-on:before {
  background: var(--hn-cta-bg);
}
.header-elements-button-1.border-on:before,
.header-elements-button-2.border-on:before {
  box-shadow: inset 0 0 0 1px var(--hn-cta-bg);
}
.header-elements-button-1.microwidget-btn-hover-bg-on:after,
.header-elements-button-2.microwidget-btn-hover-bg-on:after {
  background: var(--hn-cta-survol-bg);
}
.header-elements-button-1.hover-border-on:after,
.header-elements-button-2.hover-border-on:after {
  box-shadow: inset 0 0 0 1px var(--hn-cta-survol-bg);
}
.header-elements-button-1 span,
.header-elements-button-2 span,
.top-bar a.header-elements-button-1:not(.wpml-ls-link),
.top-bar a.header-elements-button-2:not(.wpml-ls-link) {
  color: var(--hn-cta-texte);
}
.header-elements-button-1,
.header-elements-button-2 {
  border-radius:  25px;
}
/* Les pictos du CTA restent blancs malgré la règle des pictos ci-dessus */
#the7-body .top-bar .header-elements-button-1 i,
#the7-body .top-bar .header-elements-button-2 i,
#the7-body .header-elements-button-1 i,
#the7-body .header-elements-button-2 i {
  color: var(--hn-cta-texte) !important;
}

/* --------------------------------------------------------------------------
   3. Header et menu principal
   -------------------------------------------------------------------------- */

/* Logo combiné Happyneuron + Gnosia : hauteur fixe, largeur selon ses proportions */
img[src*="logo-hn-gnosia-blanc"] {
  width: auto !important;
  height: 74px;          /* header desktop */
  max-width: none;
}
#phantom img[src*="logo-hn-gnosia-blanc"] {
  height: 74px;          /* header sticky desktop (mobile : voir section 7) */
}

.masthead:not(.mixed-header),
#phantom,
.masthead.masthead-mobile-header,
.dt-mobile-header {
  background-color: var(--hn-header-bg);
}

/* Filets sous le header (rgba sombres d'origine, invisibles sur fond sombre) */
.masthead.line-decoration:not(.side-header):not(.mixed-header):not(.masthead-mobile-header),
.phantom-line-decoration #phantom {
  border-bottom-color: rgba(255,255,255,0.12);
}

/* Liens de premier niveau */
.main-nav > li:not(.wpml-ls-item) > a,
.main-nav > li:not(.wpml-ls-item) > a .menu-text,
.sticky-on .main-nav > li:not(.wpml-ls-item) > a .menu-text,
#phantom .main-nav > li:not(.wpml-ls-item) > a .menu-text,
.sticky-on .main-nav > li.act:not(.wpml-ls-item) > a,
#phantom .main-nav > li.act:not(.wpml-ls-item) > a,
.header-bar .wc-ico-cart, .header-bar .wc-ico-cart i,
#phantom .wc-ico-cart, #phantom .wc-ico-cart i,
.sticky-on .main-nav > li:not(.wpml-ls-item) > a,
#phantom .main-nav > li:not(.wpml-ls-item) > a {
  color: var(--hn-menu-texte);
}

/* Page active */
.main-nav > li.act:not(.wpml-ls-item) > a,
.main-nav > li.act:not(.wpml-ls-item) > a .menu-text,
.sticky-on .main-nav > li.act:not(.wpml-ls-item) > a .menu-text,
#phantom .main-nav > li.act:not(.wpml-ls-item) > a .menu-text {
  color: var(--hn-menu-actif);
}

/* Survol premier niveau */
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text,
.sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
#phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.header-bar .wc-ico-cart:hover, .header-bar .wc-ico-cart i:hover,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text,
.sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
#phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
.sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
#phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
.sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text,
#phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a,
.sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover,
#phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover,
.sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a,
#phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a,
.header-bar .wc-ico-cart:hover i,
.header-bar .wc-shopping-cart.dt-hovered .wc-ico-cart i,
#phantom .wc-ico-cart:hover, #phantom .wc-ico-cart:hover i {
  color: var(--hn-menu-actif);
}

/* Flèches de sous-menu */
.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text:after {
  background: var(--hn-menu-texte);
}
.top-header .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after,
.top-header .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after {
  background: var(--hn-menu-actif);
}

/* Soulignement animé éventuel */
.l-to-r-line > li > a i.underline,
.from-centre-line > li > a .menu-item-text:before,
.upwards-line > li > a .menu-item-text:before,
.downwards-line > li > a .menu-item-text:before {
  background-color: var(--hn-menu-actif);
}

/* Sous-menus */
.main-nav .sub-nav > li:not(.wpml-ls-item) > a .menu-text {
  color: var(--hn-sousmenu-texte);
}
.masthead:not(.sub-downwards) .main-nav .sub-nav > li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a .menu-text,
.main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text {
  color: var(--hn-sousmenu-actif);
}
.sub-nav.level-arrows-on > li.has-children:not(.dt-mega-parent) > a:after {
  background: var(--hn-sousmenu-texte);
}

/* Menu mobile */
.mobile-main-nav li > a .menu-text {
  color: var(--hn-menu-texte);
}
.mobile-main-nav li.act > a .menu-text,
.mobile-main-nav li:not(.act) > a:hover .menu-text {
  color: var(--hn-menu-actif);
}
.dt-mobile-menu-icon:not(.floating-btn) .menu-line,
.masthead:not(.animate-color-mobile-menu-icon):not(.two-line-mobile-menu-icon) .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line {
  background: var(--hn-menu-texte) !important;
}
.dt-mobile-menu-icon:not(.floating-btn) .menu-toggle-caption {
  color: var(--hn-menu-texte) !important;
}
/* Mini-widgets du header mobile (fond sombre) */
.mobile-header-bar .mobile-mini-widgets,
.mobile-header-bar .mobile-mini-widgets a,
.mobile-header-bar .mobile-mini-widgets .mini-contacts,
.mobile-header-bar .mobile-mini-widgets .text-area {
  color: var(--hn-menu-texte);
}
.mobile-header-bar .mobile-mini-widgets i,
.mobile-header-bar .mobile-mini-widgets .submit:before {
  color: var(--hn-menu-actif);
}
/* Panneau du menu mobile */
.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {
  color: var(--hn-menu-texte);
}
.dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .menu-text,
.dt-mobile-header .mobile-main-nav .sub-nav > li:not(.act) > a:hover .menu-text {
  color: var(--hn-menu-actif);
}
.dt-mobile-header .mobile-main-nav > li.has-children > a:after,
.mobile-main-nav .next-level-button svg {
  color: rgba(255,255,255,0.5);
  fill: rgba(255,255,255,0.5);
}
.mobile-menu-show-divider .mobile-main-nav > li:before {
  border-bottom-color: rgba(255,255,255,0.15);
}

.wc-ico-cart > .counter {
	background-color: var(--hn-secondaire);
}
/* Compteur du panier masqué quand il vaut 0 (classe ajoutée par functions.php) */
.wc-ico-cart > .counter.hn-vide {
  display: none !important;
}

/* --------------------------------------------------------------------------
   4. Footer et bottom bar
   -------------------------------------------------------------------------- */

/* Logo combiné Happyneuron + Gnosia : hauteur fixe, largeur selon ses proportions */
#footer img[src*="logo-hn-gnosia-blanc"] {
  height: 74px;
}

#footer.solid-bg {
  background: var(--hn-footer-bg) none repeat center top;
}
.wf-container-footer,
.footer.full-width-line {
  border-top-color: var(--hn-footer-bg);
}
.footer .widget-title,
.footer .widgettitle {
  color: var(--hn-footer-titres);
}
.footer .widget,
.footer .widget a,
.footer .custom-menu a:not(:hover) {
  color: var(--hn-footer-liens);
}
.footer .custom-menu a:hover,
.footer .textwidget a:not(.dt-btn):hover,
.footer .widget a:hover,
.footer .menu .current-menu-item > a {
  color: var(--hn-footer-survol);
}
.footer .soc-ico a:not(:hover) .soc-font-icon {
  color: var(--hn-footer-liens);
}
#main .soc-ico a:after,
#footer .soc-ico a:after {
  background-color: var(--hn-highlight);
}
#bottom-bar.solid-bg {
  background: var(--hn-bottombar-bg) none repeat center top;
}
#bottom-bar,
#bottom-bar a {
  color: var(--hn-footer-liens);
}

/* --------------------------------------------------------------------------
   5. Header : plus de place pour le logo, menu plus compact
   (The7 : menu en flex-grow, items à 14px de marge + 4px de padding,
   police d'origine Varela Round 17px, Montserrat est plus large)
   -------------------------------------------------------------------------- */
:root {
  --hn-menu-espace:    8px;   /* marge horizontale de chaque lien (origine : 14px) */
  --hn-menu-taille:    18px;  /* taille du texte du menu (origine : 17px) */
  --hn-menu-weight:    600;   /* items en gras */
  --hn-counter-weight:  500;  /* compteur panier en semi-gras */
}
 
/* Le menu ne prend plus que la largeur de ses liens, le logo prend le reste.
   Sélecteurs par id (#primary-menu) : passent devant les règles The7
   quelle que soit la mise en page du header (inline, justify, widgets…). */
/* Espace libre partagé 50/50 entre le logo et le menu */
.masthead .header-bar > .branding {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 24px;
}
.masthead .header-bar > #primary-menu {
  flex: 1 1 auto;
  justify-content: center;   /* liens centrés dans leur zone, plus collés au panier */
}
.masthead .header-bar > #primary-menu > li {
  flex-grow: 0;
}
.masthead .header-bar > .mini-widgets {
  flex: 0 0 auto;
}

/* Logo sur toute la hauteur de sa zone */
:root {
  --hn-logo-marge: 6px;      /* marge haut/bas du logo (The7 : 10px) */
}
.masthead .header-bar > .branding {
  align-self: stretch;
  display: flex;
  align-items: stretch;
}
.masthead .header-bar > .branding > a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: var(--hn-logo-marge);
  padding-bottom: var(--hn-logo-marge);
}
.masthead .header-bar > .branding > a img {
  width: auto !important;       /* ignore width="183" écrit par The7 */
  height: 100%;
  max-width: 100%;
  object-fit: contain;          /* jamais déformé si la zone devient étroite */
  object-position: left center;
  max-height: 74px;
}

/* Espacement et taille des liens */
.main-nav > li > a {
  margin-left: var(--hn-menu-espace);
  margin-right: var(--hn-menu-espace);
}
.top-header .outside-item-double-margin.main-nav > li:first-child > a {
  margin-left: calc(var(--hn-menu-espace) * 2);
}
.top-header .outside-item-double-margin.main-nav > li:last-child > a {
  margin-right: 0;
}
.main-nav > li > a .menu-text, .header-bar .wc-ico-cart, .header-bar .wc-ico-cart:hover,
#phantom .wc-ico-cart, #phantom .wc-ico-cart i,
.sticky-on .main-nav > li:not(.wpml-ls-item) > a,
#phantom .main-nav > li:not(.wpml-ls-item) > a {
  font-size: var(--hn-menu-taille);
  font-weight: var(--hn-menu-weight);
  white-space: nowrap;
}

.header-bar .round-counter-style .wc-ico-cart > .counter,
#phantom .round-counter-style .wc-ico-cart > .counter {
    font-size: var(--hn-menu-taille);
    font-weight: var(--hn-counter-weight);
    padding: 6px;
}
 
/* Écrans intermédiaires, avant le passage au menu mobile */
@media (max-width: 1280px) {
  :root {
    --hn-menu-espace: 5px;
    --hn-menu-taille: 14px;
	--hn-menu-weight:  500;
  }
}

/* --------------------------------------------------------------------------
   6. Main
   -------------------------------------------------------------------------- */

/* Fond crème */
#page, .page-title.solid-bg, .checkout-page-title {
    background-color: var(--hn-fond);
}

/* Fond blanc contenu et padding tout autour */
#main > .wf-wrap {
    padding: 50px;
	background: #ffffff;
}
.page-title .wf-wrap {
	min-height: unset;
    padding-bottom: unset;
}
.page-title .breadcrumbs, .page-title .breadcrumbs a {
	color: var(--hn-secondaire);
}
.header-bar {
	max-height: 94px;
}

/* Séparateur siebar */
.sidebar-right .sidebar {
    border-left: 1px solid var(--hn-primaire) !important;
}

/* Bouton certificat Qualiopi en couleur principale */
.qualiopi_sidebar a {
  background-color: var(--hn-primaire);
}

/* Affichage cartes intervenants */
.we-grid-shortcode figure.ex-modern-blog figcaption {
    margin: 0;
    background-color: var(--hn-fond);
}
.we-grid-shortcode figure.ex-modern-blog h3 a {
    color: var(--hn-primaire);
}
.we-spekers-sc .s-ttname:after {
    display: block;
    margin: 15px auto 0 auto;
    content: "";
    width: 80px;
    height: 2px;
    background: rgba(0, 0, 0, 0.10);
}

/* Affichage menu My Account */
.woocommerce-MyAccount-navigation li a {
    border-radius: 12px;
    font-weight: 500;
    transition: background 200ms ease, color 200ms ease;
}

.woocommerce-MyAccount-navigation > ul li:not(.is-active) a:hover, .woocommerce-MyAccount-navigation > ul li.is-active a, .woocommerce-MyAccount-navigation > ul li.is-active a:hover {
    background-color: var(--hn-primaire);
	color: #fff;
}

.wc-block-product-search .wc-block-product-search__button, .wp-block-search .wp-block-search__button, button.button, .cart-btn-below-img .woo-buttons a, a.button:not(.edd-submit) {
    border-radius: 25px;
}

.widget-title, .sidebar-content div[class*='elementor-widget-wp-widget-'] h5, .sidebar-content .elementor-widget .woocommerce h5 {
    color: var(--hn-primaire) !important;
}

/* --------------------------------------------------------------------------
   7. Header mobile (sous 1050px)
   The7 impose ici des fonds blancs et des couleurs #333 (certaines en
   !important) : préfixe #the7-body pour passer devant.
   -------------------------------------------------------------------------- */

/* Fond sombre, header normal et sticky */
#the7-body .masthead.masthead-mobile-header,
#the7-body .masthead.masthead-mobile-header:not(.mixed-header),
#the7-body .masthead.masthead-mobile-header.sticky-mobile-on,
#the7-body .masthead.masthead-mobile-header.sticky-on,
#the7-body .masthead.masthead-mobile-header.fixed-mobile-header,
#the7-body .masthead-mobile-header .mobile-header-bar {
  background: var(--hn-primaire) none !important;  /* !important : passe aussi devant un style inline posé par le JS sticky */
}

/* Hamburger blanc (The7 colore les barres via :before/:after en !important) */
#the7-body .dt-mobile-menu-icon:not(.floating-btn) .menu-line,
#the7-body .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before,
#the7-body .dt-mobile-menu-icon:not(.floating-btn) .menu-line:after,
#the7-body .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line,
#the7-body .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:before,
#the7-body .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after {
  background: #ffffff !important;
}
#the7-body .dt-mobile-menu-icon:not(.floating-btn) .menu-toggle-caption,
#the7-body .dt-mobile-menu-icon:not(.floating-btn):hover .menu-toggle-caption {
  color: #ffffff !important;
}

/* Texte et pictos des mini-widgets (panier, contact, connexion, recherche) */
#the7-body .mobile-header-bar .mobile-mini-widgets,
#the7-body .mobile-header-bar .mobile-mini-widgets a,
#the7-body .mobile-header-bar .mobile-mini-widgets i,
#the7-body .mobile-header-bar .mobile-mini-widgets .mini-contacts,
#the7-body .mobile-header-bar .mobile-mini-widgets .mini-login,
#the7-body .mobile-header-bar .mobile-mini-widgets .text-area,
#the7-body .mobile-header-bar .mobile-mini-widgets .submit,
#the7-body .mobile-header-bar .mobile-mini-widgets .submit:before,
#the7-body .mobile-header-bar .wc-ico-cart,
#the7-body .mobile-header-bar .wc-ico-cart i {
  color: #ffffff;
}
#the7-body .mobile-header-bar .mini-search span,#the7-body .mobile-header-bar .woocommerce-Price-amount {
	display: none;
}
#the7-body .mobile-header-bar .mobile-mini-widgets a:hover,
#the7-body .mobile-header-bar .mobile-mini-widgets a:hover i,
#the7-body .mobile-header-bar .wc-ico-cart:hover,
#the7-body .mobile-header-bar .wc-ico-cart:hover i,
#the7-body .mobile-header-bar .wc-shopping-cart.dt-hovered .wc-ico-cart i {
  color: var(--hn-menu-actif);
}

/* Logo : prend la place disponible, garde ses proportions */
#the7-body .mobile-header-bar .mobile-branding {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  max-width: 176px;
}
#the7-body .mobile-branding img {
  width: auto !important;
  height: auto;
  max-width: 100% !important;
  max-height: 64px;          /* header mobile 80px (1050px à 778px) */
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 778px) {
  #the7-body .mobile-branding img {
    max-height: 46px;        /* header mobile 60px */
  }
}

/* Placer le compteur d'articles panier dans le coin supérieur droite du picto panier */ 
.mobile-header-bar .mobile-mini-widgets .wc-ico-cart > .counter {
	top: -10px;
    left: -10px;
}

/* Ombre sur le bord gauche du panneau du menu mobile, uniquement quand il est ouvert */
.dt-mobile-header {
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
.show-mobile-header .dt-mobile-header {
  box-shadow: -8px 0 24px rgba(255, 255, 255, 0.35);
}