/* Gholami CRM Connect 1.3.1 — ajustements mobiles et tablettes des pages Nouveautés (actualités, événements, références)
   du thème gholami-bois : héros, titres longs, marges, formulaire de commentaire, panneau de menu. */

/* Panneau du menu mobile : son ombre dépassait sur le bord droit de l'écran quand il est fermé. */
.gib-mobpanel:not(.is-open) { box-shadow: none; }

@media (max-width: 900px) {
  .gib-article { padding: 48px 24px 32px; }
  .gib-post-hero__inner { padding: 0 24px 40px; }
}

@media (max-width: 760px) {
  /* Héros d'un article : la hauteur suit le titre (un titre long passait sous l'en-tête). */
  .gib-post-hero { height: auto !important; min-height: 300px; display: flex; align-items: flex-end; }
  .gib-post-hero__inner { padding: 110px 18px 30px; }
  .gib-post-hero__title { font-size: clamp(24px, 7.2vw, 32px); line-height: 1.12; margin-top: 16px; overflow-wrap: break-word; }
  .gib-post-hero__meta { flex-wrap: wrap; gap: 8px 12px; }
  .gib-post-hero__veil { background: linear-gradient(0deg, rgba(11, 29, 51, .95) 0%, rgba(11, 29, 51, .7) 55%, rgba(11, 29, 51, .35) 100%); }

  /* Héros des listes (Nouveautés, Actualités, Événements, Références) : texte lisible sur les visuels chargés. */
  .gib-page-hero { height: auto !important; min-height: 220px; }
  .gib-page-hero__inner { padding: 96px 18px 28px; }
  .gib-page-hero__title { font-size: clamp(28px, 8vw, 34px); line-height: 1.08; overflow-wrap: anywhere; }
  .gib-page-hero__kicker { font-size: 10px; letter-spacing: .18em; margin-bottom: 10px; }
  .gib-page-hero__veil { background: linear-gradient(0deg, rgba(15, 42, 68, .94) 0%, rgba(15, 42, 68, .72) 55%, rgba(15, 42, 68, .45) 100%); }

  /* Texte de l'article */
  .gib-article { padding: 32px 18px 24px; }
  .gib-article__lede { font-size: 18px; line-height: 1.55; padding-left: 16px; }
  .gib-article__content p, .gib-article__content ul, .gib-article__content ol { font-size: 16px; line-height: 1.75; }
  .gib-article__content h2 { font-size: 23px; margin-top: 36px; }
  .gib-article__content h3 { font-size: 20px; margin-top: 32px; }
  .gib-article__content img, .gib-article__content iframe, .gib-article__content video, .gib-article__content table { max-width: 100%; height: auto; }
  .gib-article__content table { display: block; overflow-x: auto; }
  .gib-article__content blockquote { font-size: 17px; }
  .gib-article__cta { padding: 28px 20px; margin-top: 40px; }
  .gib-article__cta .gib-btn { width: 100%; justify-content: center; text-align: center; }

  /* Formulaire de commentaire : la zone de texte débordait de l'écran. */
  .gib-article textarea, .gib-article input[type="text"], .gib-article input[type="email"], .gib-article input[type="url"] { max-width: 100%; width: 100%; box-sizing: border-box; }

  /* Grilles « À lire également », listes et galeries */
  .gib-gallery { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 32px; }
  section.gib-wrap[style] { padding-left: 18px !important; padding-right: 18px !important; padding-bottom: 64px !important; }
}

@media (max-width: 400px) {
  .gib-post-hero__inner { padding: 100px 16px 26px; }
  .gib-article { padding: 28px 16px 20px; }
  .gib-page-hero__inner { padding-left: 16px; padding-right: 16px; }
}