/**
 * hero.css — Bandeau d'accueil en dégradé avec illustration.
 */

.hub-hero {
  background: linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary-dark) 100%);
  overflow: hidden;
}

.hub-hero__inner {
  gap: 2.5rem;
}

.hub-hero__text {
  flex: 1 1 420px;
  max-width: 560px;
}

.hub-hero .wp-block-heading,
.hub-hero p {
  color: #ffffff;
}

.hub-hero .wp-block-heading {
  margin-bottom: 1rem;
}

.hub-hero__illustration {
  flex: 0 1 320px;
  margin: 0;
}

.hub-hero__illustration img {
  display: block;
  width: 100%;
  height: auto;
}

.hub-hero__cta.wp-block-button .wp-block-button__link {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--primary-dark);
  font-weight: 700;
}

.hub-hero__cta.wp-block-button .wp-block-button__link:hover {
  background: #ffffff;
}

@media (max-width: 782px) {
  .hub-hero__inner {
    justify-content: center;
    text-align: center;
  }

  .hub-hero__text {
    flex-basis: 100%;
  }

  .hub-hero__text .wp-block-buttons {
    justify-content: center;
  }

  .hub-hero__illustration {
    flex-basis: 220px;
    max-width: 220px;
  }
}