/* Collections de guides : affiches entières et présentation aérée. */
html body.page-guides-villes #contenu .gv-card-image,
html body.page-guides-villes #contenu .gv-country-tile-image {
  background: #edf3f1;
}

html body.page-guides-villes #contenu .gv-card-image img,
html body.page-guides-villes #contenu .gv-country-tile-image img {
  object-fit: contain !important;
}

/* Une seule ville : photo entière, centrée à côté du texte. */
@media (min-width: 701px) {
  html body.page-guides-villes #contenu .gv-country-single .gv-card {
    align-items: stretch;
  }

  html body.page-guides-villes #contenu .gv-country-single .gv-card-image {
    display: flex;
    align-items: center;
    min-height: 0 !important;
    aspect-ratio: auto;
  }

  html body.page-guides-villes #contenu .gv-country-single .gv-card-image img {
    width: 100%;
    height: auto !important;
    aspect-ratio: 1800 / 945;
  }

  /* Même esprit que la présentation des itinéraires d’Espagne. */
  html body.page-guides-villes.gv-is-country .gv-hero h1 {
    max-width: 100% !important;
    text-wrap: initial;
    font-size: clamp(44px, 4.8vw, 76px);
  }

  html body.page-guides-villes.gv-is-country .gv-hero h1 br {
    display: none;
  }

  html body.page-guides-villes.gv-is-country .gv-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100%;
    gap: 14px !important;
  }

  html body.page-guides-villes.gv-is-country .gv-hero-actions > a {
    flex: 0 1 214px;
    width: 214px !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 12px 20px !important;
  }

  html body.page-guides-villes.gv-is-country .gv-hero-actions > .gv-share {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 140px !important;
    min-height: 52px !important;
    padding: 12px 22px !important;
    color: #ffffff !important;
    --ve-button-text: #ffffff !important;
  }
}

@media (max-width: 700px) {
  html body.page-guides-villes #contenu .gv-country-single .gv-card-image {
    min-height: 0 !important;
    aspect-ratio: 1800 / 945;
  }

  html body.page-guides-villes #contenu .gv-country-single .gv-card-image img {
    width: 100%;
    height: auto !important;
  }
}

/* Sur téléphone, les actions utilisent les fonds corail et transparents. */
@media (max-width: 700px) {
  html body.page-guides-villes.gv-is-country .gv-hero-actions > a {
    --ve-button-text: #ffffff !important;
    color: #ffffff !important;
  }
}