/* responsive.css - ajustements mobile-first complementaires */

/* prevent overflow grid items */
section, .container, .grid, [class*="grid"], [class*="cols"]{
  min-width: 0;
}

/* fix select min-content overflow potential */
.form .field,
.form .field select,
.form .field input,
.form .field textarea{
  min-width: 0;
}

/* tres petit (< 360px) */
@media (max-width: 360px){
  .brand-tag{ display: none; }
  .hero__title{ font-size: clamp(1.85rem, 7vw, 2.4rem); }
}

/* tablette */
@media (min-width: 600px) and (max-width: 1023px){
  .brand-tag{ display: block; }
}
/* wf-contrast-enforced */
.c-asym.svc-asym__card--lead.svc-card.c-asym--lead, .c-asym.svc-asym__card--lead.svc-card.c-asym--lead * { color: #EFEDE6 !important; }
/* /wf-contrast-enforced */

/* wf-footer-fix */
footer, .site-footer, .footer { margin-top: 0 !important; }

/* wf-herotag-fix : badge No.01 reste en haut a droite, le contenu hero demarre dessous (anti-chevauchement mobile) */
@media (max-width: 600px){
  .hero{ padding-top: calc(var(--header-h-mobile) + 56px) !important; }
}

/* wf-noxoverflow : reveal en vertical (le slide horizontal translateX debordait la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }