.page .nv-page-title {

display: none;

}
/* ----------------------------- */
/* BASE RESPONSIVE GLOBALE */
/* ----------------------------- */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* Images toujours adaptables */
img,
.wp-block-image img {
  max-width: 100%;
  height: auto;
}

/* Les blocs ne dépassent pas de l'écran */
.wp-site-blocks,
.wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-column {
  max-width: 100%;
  box-sizing: border-box;
}

/* Titres fluides */
h1,
.wp-block-heading h1,
.wp-block-heading {
  word-break: normal;
  overflow-wrap: normal;
}

/* H1 très grands : exemple ton "Graphiste DA" */
h1.wp-block-heading,
.wp-block-heading.is-style-default {
  font-size: clamp(38px, 8vw, 110px) !important;
  line-height: 0.95 !important;
}

/* H2 */
h2.wp-block-heading {
  font-size: clamp(30px, 5vw, 72px) !important;
  line-height: 1 !important;
}

/* H3 */
h3.wp-block-heading {
  font-size: clamp(24px, 3.5vw, 44px) !important;
  line-height: 1.1 !important;
}

/* Paragraphes fluides */
p {
  font-size: clamp(16px, 2.2vw, 22px);
  line-height: 1.45;
}

/* Boutons adaptables */
.wp-block-button__link {
  font-size: clamp(14px, 2vw, 18px);
  padding: 0.8em 1.2em;
}

/* Colonnes : sur mobile, elles passent les unes sous les autres */
@media screen and (max-width: 768px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* Réduction des paddings sur tablette */
@media screen and (max-width: 900px) {
  .wp-block-group,
  .wp-block-cover {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Réduction des paddings sur téléphone */
@media screen and (max-width: 600px) {
  .wp-block-group,
  .wp-block-cover {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  h1.wp-block-heading {
    font-size: clamp(34px, 12vw, 56px) !important;
    line-height: 0.95 !important;
  }

  h2.wp-block-heading {
    font-size: clamp(28px, 9vw, 42px) !important;
  }

  p {
    font-size: clamp(15px, 4vw, 18px);
  }
}

/* Navigation plus souple */
.wp-block-navigation__container {
  flex-wrap: wrap !important;
}

/* Navigation sur mobile */
@media screen and (max-width: 700px) {
  .wp-block-navigation__container {
    gap: 18px !important;
  }

  .wp-block-navigation-item__content {
    font-size: 15px !important;
  }
}

/* Évite les fonds fixed qui bug souvent sur téléphone */
@media screen and (max-width: 768px) {
  .wp-block-group,
  .wp-block-cover {
    background-attachment: scroll !important;
  }
}

/* Machine à écrire : éviter que ça casse sur mobile */
@media screen and (max-width: 600px) {
  .texte-typewriter {
    white-space: normal !important;
    width: auto !important;
    max-width: 100% !important;
    border-right: none !important;
    animation: none !important;
  }
}

@media screen and (max-width: 768px) {
  .hero-mobile {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}