/*
Theme Name: Klorofile
Theme URI: https://www.klorofile.com
Template: hello-elementor
Author: Klorofile
Author URI: https://www.klorofile.com
Description: Thème sur mesure pour Chambres d'hotes
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1772041523
Updated: 2026-02-25 18:45:23

*/

/* START STYLE SPECIAL POUR LIEN NOM PRODUIT */

/* 1. LE CONTENEUR : Gère l'alignement et l'espace entre les lignes */
.container-boutons {
  display: flex !important;
  flex-wrap: wrap !important;      /* Permet le passage à la ligne automatique */
  gap: 15px 12px !important;       /* 15px d'espace vertical / 12px horizontal */
  padding: 15px 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* 2. BASE COMMUNE : Propriétés partagées par tous les boutons */
.btn-bleu, .btn-vert, .btn-mixte {
  display: inline-block !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;   /* Arrondi léger */
  text-decoration: none !important;
  font-family: sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: center !important;
  white-space: nowrap !important;  /* Empêche le texte de se couper */
  transition: all 0.3s ease !important;
  line-height: 1.2 !important;
  color: #ffffff !important;       /* Texte toujours blanc */
  border: none !important;
}

/* 3. STYLE : BLEU UNI */
.btn-bleu {
  background-color: #007BFF !important;
}
.btn-bleu:hover {
  background-color: #0056b3 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* 4. STYLE : VERT UNI */
.btn-vert {
  background-color: #28a745 !important;
}
.btn-vert:hover {
  background-color: #1e7e34 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* 5. STYLE : MIXTE (50% Bleu / 50% Vert - Coupure nette) */
.btn-mixte {
  /* Le bleu s'arrête à 50% et le vert commence exactement à 50% pour supprimer le dégradé */
  background: linear-gradient(90deg, #007BFF 50%, #28a745 50%) !important;
}

.btn-mixte:hover {
  /* Version plus sombre au survol en gardant la coupure nette */
  background: linear-gradient(90deg, #0056b3 50%, #1e7e34 50%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* 6. EFFET AU CLIC (Commun) */
.btn-bleu:active, .btn-vert:active, .btn-mixte:active {
  transform: scale(0.95) !important;
}

/* END STYLE SPECIAL POUR LIEN NOM PRODUIT */