/** Shopify CDN: Minification failed

Line 132:0 Expected "}" to go with "{"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

/* -----------------------------------------------------------
   1. POSITIONNEMENT DU MENU SUR GRAND ÉCRAN (>=1280px)
----------------------------------------------------------- */
@media(min-width:1280px){
  /* Wrapper du menu : remonter */
  .main-navigation-wrapper--full-width{
    margin-top:-120px !important;
  }

  /* Menu en lui-même : décalage + remontée indépendante */
  .main-navigation-wrapper--full-width nav.main-navigation{
    margin-left:220px !important;       /* décale à droite */
    transform:translateY(-15px) !important;  /* remonte davantage */
  }
}

/* -----------------------------------------------------------
   2. POUR LES TABLETTES/LAPTOP (990px à 1279px)
   → On revient à un comportement plus normal
----------------------------------------------------------- */
/* 1. Grand écran (>=1280px) */
@media (min-width:1280px){
  .main-navigation-wrapper--full-width nav.main-navigation{
    transform: none !important;      /* enlève la création de stacking context */
    margin-top: -15px !important;    /* remplace le translateY(-15px) */
    margin-left: 220px !important;   /* on garde ton décalage horizontal */
  }
}

/* 2. 990px–1279px */
@media (min-width:990px) and (max-width:1279px){
  .main-navigation-wrapper--full-width nav.main-navigation{
    transform: none !important;      /* idem, plus de transform */
    margin-top: -25px !important;    /* remplace translateY(-25px) */
    margin-left: 0 !important;
  }
}


/* -----------------------------------------------------------
   3. PADDING DU HEADER (UNIQUEMENT DESKTOP)
----------------------------------------------------------- */
@media(min-width:990px){
  .header{
    padding-top:32px !important;
    padding-bottom:40px !important;
  }
}

/* -----------------------------------------------------------
   4. REMONTER LE HEADER TOOLS
   (France / Français / Compte / Panier)
----------------------------------------------------------- */
@media(min-width:990px){
  .header-tools{
    padding-top:0 !important;
    margin-top:-140px !important; /* AJUSTABLE si besoin */
  }
}

/* -----------------------------------------------------------
   5. ALIGNEMENT ET HAUTEUR DU LOGO
----------------------------------------------------------- */
@media(min-width:990px){
  .header-logo{
    padding-top:12px !important;   /* AJUSTABLE */
    padding-bottom:60px !important;/* AJUSTABLE */
  }
}

/* Empêche les icônes de passer à la ligne sur tablette */
@media (min-width: 768px) and (max-width: 1200px) {

  /* Empêche le wrap dans le conteneur des icônes */
  .header-tools {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  /* Force le container UL des icônes à rester sur une seule ligne */
  .header-tools ul {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  /* Ajuste l'espacement entre les éléments (pays / langue / icônes) */
  .header-tools > * {
    margin-right: 5px !important;
  }

  /* Vérrouille les icônes utilisateur & panier sur une seule ligne */
  .header-cart,
  .header-account {
    flex: 0 0 auto !important;
  }
}
/* Remonter toute la ligne du header-tools sur tablette */
@media (min-width: 768px) and (max-width: 1200px) {
  
  .header-tools {
    margin-top: -60px !important;  /* Ajuste si besoin */
  }

  /* Ajuste aussi le menu afin qu'il suive */
  .main-navigation-wrapper--full-width {
    margin-top: -5px !important;  /* Ajuste si besoin */
  }

  /* Optionnel : remonter légèrement le logo si besoin */
  .header-logo {
    margin-top: -10px !important;
  }

  @media(max-width:749px){
.main-footer-inner{flex-direction:column!important}
.footer-logo{order:10;margin-top:20px!important}
}