/* ========= Desktop ≥1280px : texte sur image, aligné à droite ========= */
@media (min-width:1280px){
  .agence { text-align: right; }
  .agence .we-align-center { text-align: right !important; }

  .agence .wizi-txt__background{
    background: rgba(0,0,0,.45);
    color: #fff;
    padding: 24px 28px;
    border-radius: 12px;
    max-width: 900px;
    margin-left: auto;  /* colle le bloc texte à droite */
  }

  .agence .wizi-txt h2{ 
    color:#fff; 
    margin:0 0 12px;
    font-size: clamp(28px,2.6vw,44px);
    line-height: 1.2;
  }
  .agence .wizi-txt p{
    color:#fff;
    font-size: clamp(16px,1.05vw,20px);
    line-height: 1.6;
  }
}

/* ========= Tablette 992–1279px : cartouche blanc arrondi sous le texte ========= */
@media (min-width:992px) and (max-width:1279px){
  .agence { text-align: right; }
  .agence .we-align-center { text-align: right !important; }

  .agence .wizi-txt{
    position: relative;        /* pour le ::before */
    z-index: 2;                /* au-dessus de l'image */
    display: inline-block;     /* largeur auto autour du texte */
    margin-left: auto;         /* colle à droite */
    max-width: 70%;            /* ajuste : 60–75% */
    color: #111;               /* texte foncé */
  }

  .agence .wizi-txt::before{
    content: "";
    position: absolute;
    z-index: -1;               /* derrière le texte, devant l’image */
    inset: -14px -18px;        /* marge autour du texte */
    background: rgba(255,255,255,.78); /* blanc translucide */
    border-radius: 14px;
    backdrop-filter: blur(2px);        /* flou optionnel */
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
  }

  .agence .wizi-txt h2{ 
    color:#111; 
    margin:0 0 10px; 
    font-size: clamp(24px,2.2vw,34px); 
    line-height:1.25;
  }
  .agence .wizi-txt p{
    color:#111; 
    font-size: clamp(15px,1.1vw,18px);
    line-height:1.6;
    margin:0;
  }
}

/* ========= Mobile ≤991px : image au-dessus, texte dessous sur dégradé ========= */
@media (max-width:991px){
  .agence { text-align: center; }
  .agence .we-align-center { text-align: center !important; }

  /* image en pleine largeur */
  .agence .wizi-wrapper--textOnImg img{
    position: static !important;
    transform: none !important;
    min-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .agence .wizi-wrapper--textOnImg:before{ display:none !important; }

  /* texte sous l'image */
  .agence .wizi-txt{
    position: static;
    left:auto; top:auto; transform:none;
    padding: 0;
  }

  .agence .wizi-txt__background{
    background: linear-gradient(90deg,black,grey);
    color:#fff;
    text-align: center;
    padding: 24px 20px;
    border-radius: 0;
  }

  .agence .wizi-txt h2,
  .agence .wizi-txt p{ color:#fff; }

  .agence .wizi-txt h2{
    font-size: 26px;
    line-height: 1.25;
    margin: 0 0 10px;
  }
  .agence .wizi-txt p{
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
  }
}


div#\30 c489ae9-1ddb-43bb-8e31-e0b4a6829a84 {    margin: 0;}

/* Bande XP : dégradé + arrondis + respiration verticale */
.xp {
  background: linear-gradient(to right, #792D85, #EB0186);
  color: #fff;
  padding: 60px 0 70px !important; /* ↑ plus d’air en bas pour éloigner les titres du bord */
  /* IMPORTANT: pas de display:flex ici pour éviter le décalage à gauche en 4K */
}

/* Colonnes : empilement centré */
.xp .wizi-img--quadruple-title .wizi-img__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;    
  gap: 2px; /* ↓ réduit l’espace entre icône et titre */
  text-align: center;
}

/* Zone picto */
.xp .wizi-img--quadruple-title .wizi-img__content__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;              /* ajuste si besoin (90–110px) */
  padding-top: 10px !important;
}

/* Icône blanche, petite */
.xp .wizi-img--quadruple-title .wizi-img__content__wrapper img {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 12% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1);
}

/* Titres en blanc, centrés */
.xp .wizi-img__title,
.xp .wizi-img__desc {
  color: #fff !important;
  text-align: center;
  margin: 5px 0 0 !important; /* ↓ réduit encore l’espace au-dessus du texte */
}



/* Blocs "papier peint et À propos de notre agence de signalétique" */
.papier {
  background:#f7f7f7;
  padding: 60px 40px; /* tu ajustes les marges internes */
}

/* Forcer tout le texte du bloc en blanc */
.papier h2,
.papier h3,
.papier p,
.papier li {
  color: black !important;
}

.wizi-img--quadruple-title .wizi-img__content__wrapper {
    margin-bottom: 0px !important;
}

.papier .wizi-imgtxt--reverse .wizi-imgtxt__left { 
  padding: 40px 0px 0px 120px; /* marge interne gauche augmentée */
}

/* Bloc papier : aligner les boutons à gauche */
.papier .wiziBtn__wrapper {
  justify-content: flex-start !important; /* aligne les boutons à gauche */
}

.papier .wiziBtn {
  margin-top: 35px;  /* espace entre le texte et le bouton */
}

/* === Section .cov : full width + fond gris + centrage vertical === */
.cov{
  position: relative;
  isolation: isolate;                 /* garantit que ::before passe derrière tout */
  padding: 40px 0;
}

/* Bande gris clair bord à bord */
.cov::before{
  content:"";
  position:absolute; inset:0;
  left:50%; width:100vw; transform:translateX(-50%);
  background:#f7f7f7;
  z-index:-1;
}

/* Neutraliser TOUT fond blanc interne du module produit */
.cov .wiziblocks__item__maxWidth,
.cov .wb-monoproduct-zoom,
.cov .wb-monoproduct-zoom__left,
.cov .wb-monoproduct-zoom__right,
.cov .wb-monoproduct-zoom__left__wrapper,
.cov .wb-monoproduct-zoom__left__wrapper__slider,
.cov .wb-monoproduct-zoom__left__wrapper__thumbs,
.cov .slick-list,
.cov .slick-track{
  background:transparent !important;
}

/* Centrage vertical du contenu (image + colonne texte) */
.cov .wb-monoproduct-zoom{
  display:flex;
  align-items:center;
}

/* Colonne texte */
.cov .wb-monoproduct-zoom__right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ===== MEUBLE : aligné à droite + largeur adaptative du texte ===== */
.meuble { 
  text-align: right;
}
.meuble .we-align-center { 
  text-align: right !important;
}
.meuble .wiziBtn__wrapper {
  justify-content: flex-end !important;
}

/* Réduit seulement la colonne TEXTE (droite) du layout imgsmall */
.meuble .wizi-wrapper--imgsmall .wizi-imgtxt__right{
  width: 45% !important;    /* ajuste: 32–40% */
}
.meuble .wizi-wrapper--imgsmall .wizi-imgtxt__right .wizi-imgtxt__wrap{
  margin-left: auto;        /* colle le texte à droite */
}

/* ===== Responsive ===== */
@media (max-width: 1023px){
  .meuble { text-align: center; }
  .meuble .we-align-center { text-align: center !important; }
  .meuble .wizi-wrapper--imgsmall .wizi-imgtxt__right,
  .meuble .wizi-wrapper--imgsmall .wizi-imgtxt__left{
    width: 100% !important;
  }
  .meuble .wizi-wrapper--imgsmall .wizi-imgtxt__right .wizi-imgtxt__wrap{
    margin-left: 0;
  }
  .meuble .wiziBtn__wrapper { justify-content: center !important; }
}

/* Bordure légère sur la grande image du produit */
.cov .wb-monoproduct-zoom__left img {
  border: 2px solid #ddd;      /* gris clair, discret */
  border-radius: 8px;          /* coins légèrement arrondis */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* petite ombre douce */
}

#footer__newsletter {
    display: none !important;
}

@media (min-width: 1024px) {
    .nav, .nav__wrapper {
      /* border-top: 1px solid #e0e0e0; */
      /* border-bottom: 1px solid #e0e0e0; */
    }
}

/* Séparation subtile, compatible multi-colonnes */
.prod__article .prod__shadow {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06); /* “ring” très léger */
}
.prod__article.end-hover .prod__shadow { /* éventuel léger renfort au hover */
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);
}

/* MAJ 08/09/2025 */
.prod-details__gallery.gallery {
    margin-top: -5em;
}
.backTop {
    display: none;
}
@media (min-width: 1024px) {
    .nav__maxWidth {
        justify-content: center;
    }
}

@media (min-width:1024px){
  .emergency-bar{
    --bar-h:40px;
    height:var(--bar-h);
    min-height:var(--bar-h);
    display:flex;
    align-items:center;       /* centre verticalement */
    overflow:hidden;          /* évite que le contenu déborde */
    box-sizing:border-box;
  }

  /* Si WiziShop met un wrapper interne, on l’aligne aussi */
  .emergency-bar > *{
    height:var(--bar-h);
    display:flex;
    align-items:center;
    box-sizing:border-box;
  }

  /* Les causes fréquentes : padding/marges/line-height trop grands */
  .emergency-bar a,   .emergency-bar p {    margin:0;    padding-block:0 !important;
    line-height:1.2;          /* évite un line-height qui force la hauteur */
  }
}

/* Masquer le CTA dans ta liste */
.listprod .prod__article :is(.prod__cta,.prod__actions,.prod__btn){display:none!important}

/* Desktop : couper l’overlay qui fait “grossir” la card au hover */
@media (min-width:1024px){
  .listprod :is(.prod__corner__top,.prod__corner__bottom){display:none!important}
  /* (optionnel) si le thème a une couche hover dédiée */
  .listprod .prod__hover{display:none!important}
}

#c1-body .header {    background: white;}
#c1-body .header.header--fixed .nav__itemlvl1 {    color: black;}
#c1-body .header.header--fixed .nav__itemlvl1:hover,  .nav-perso-off .nav__label:hover .nav__itemlvl1 {    color: #c6017a !important;}

@media (min-width: 1024px) {
    .header__triggerSearch svg, .header__account svg, .header__cart svg, .header__search svg {    fill: #c6017a;}
    .header__cart__a__nb {    background: #802a85;    color: white;}
}

@media (min-width: 720px) and (max-width: 1023px) {
  .header__nav__icon__span {background: #ffffff;}
  .header.header--fixed .header__relative {background-color: #c30378 }
.header.header--fixed .search--wrapper .search--input {    border: solid;    color: black;}
a.header__cart__a.header__tab {background-color: #c30378 !important;border-radius: 30px;height: 50px;}
.header__cart__a__nb {    left: 76%;}
}

@media (max-width: 1023px) {
    .nav__a--lvl2, .nav__wrapper, .nav__itemlvl1, .nav__ul__header, .nav__sublevel {        background: #707171;    }
}