/* ==========================================================================
   vitrine.css — styles communs aux pages vitrines.

   **Ce fichier est commencé, non terminé.** Il ne porte pour l'instant que
   les boutons « Nos tarifs » ajoutés le 11/10/2026 dans les deux heros, en
   remplacement de la barre « Présentation / Nos tarifs » retirée le même
   jour. L'extraction des règles génériques de `home-partenaire.css` — hero,
   titres de section, cartes, étapes numérotées, CTA final — reste à faire.
   Cf. `compte-rendu-vitrines.txt`.

   Règle tenue : un bouton secondaire reprend la hauteur et la typographie du
   bouton principal de sa page, et ne s'en distingue que par le contour.
   ========================================================================== */

/* --- home-partenaire : à côté de `.cta-refined` --------------------------- */

.cta-refined-outline {
  background: transparent;
  background-image: none;
  color: #C9A227;
  border: 1.5px solid #C9A227;
  box-shadow: none;
}

.cta-refined-outline:hover {
  background: rgba(201, 162, 39, 0.12);
  color: #C9A227;
}

/* --- La rangée des deux boutons du hero ----------------------------------
   `.luxurySearchForm` est une colonne flex : deux boutons posés côte à côte
   dans le balisage s'y empilaient quand même. La rangée les remet sur une
   ligne, à parts égales, et les replie d'elle-même sous 560 px.
   `margin-top: 1rem` vient de `.luxurySearchButton` : porté par la rangée,
   il ne se compte plus deux fois.
   -------------------------------------------------------------------------- */

.vitrineHeroActions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.vitrineHeroActions > .luxurySearchButton {
  flex: 1 1 220px;
  margin-top: 0;
}

@media (max-width: 560px) {
  .vitrineHeroActions > .luxurySearchButton { flex: 1 1 100%; }
}

/* --- home-hotel : à côté de `.luxurySearchButton` ------------------------- */

/* Contour doré, et non blanc : ce bouton n'est pas posé sur la photo du
   hero mais sur le panneau blanc qui la recouvre — un contour blanc l'y
   rendait invisible. Vérifié en capture avant de trancher. */
.luxurySearchButton--contour {
  background: transparent;
  background-image: none;
  color: #B8860B;
  border: 1.5px solid #B8860B;
  box-shadow: none;
}

.luxurySearchButton--contour:hover {
  background: rgba(184, 134, 11, 0.10);
  color: #B8860B;
}

.luxurySearchButton--contour .luxuryButtonText { color: inherit; }