/* ==========================================================================
   hover-typography.css — effet de graisse variable au survol du texte
   Réutilisé sur les pages où .div-block-2 [class*="text"] est présent.
   ========================================================================== */

/* Styles des textes - Desktop uniquement pour l'effet hover */
@media (min-width: 769px) {
  .div-block-2 [class*="text"] {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: max-content !important;
    line-height: 1.2 !important;
  }
}

/* Mobile : laisser Webflow gérer complètement */
@media (max-width: 768px) {
  .div-block-2 [class*="text"] {
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}