/* =========================================
   Thème Bootstrap - Le Vin d'hier soir
   Couleurs, boutons, liens, badges, navbar
   ========================================= */

/* Palette globale du site */
:root {
  /* Couleur “marque” */
  --bs-primary: #7a1b2c;                /* rouge bordeaux */
  --bs-primary-rgb: 122, 27, 44;

  /* Fond et texte */
  --bs-body-bg: #fffdf9;                /* ivoire papier */
  --bs-body-color: #2b2b2b;             /* gris très foncé lisible */
  --bs-emphasis-color: #1a1a1a;         /* quasi noir pour les titres */

  /* Liens */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #661724;

  /* On laisse les autres variables Bootstrap tranquilles
     (success, danger, etc.) pour l’instant.
  */
}

/* Corps du site */
body {
  font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

/* Titres importants */
.text-body-emphasis,
.navbar-brand,
.fw-semibold,
h1, h2, h3, h4, h5, h6 {
  font-family: "Merriweather", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--bs-emphasis-color);
}

h1 { font-size: 2rem; line-height: 1.25; }
h2 { font-size: 1.5rem; line-height: 1.3; }
h3 { font-size: 1.25rem; line-height: 1.3; }

/* Liens par défaut */
a {
  color: var(--bs-link-color);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

/* ===== Boutons ===== */

/* Bouton plein .btn-primary */
.btn-primary {
  color: #fff !important;
  background-color: #7a1b2c !important;
  border-color: #7a1b2c !important;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #fff !important;
  background-color: #661724 !important;  /* plus sombre */
  border-color: #661724 !important;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #54131e !important;
  border-color: #54131e !important;
}

/* Bouton contour .btn-outline-primary */
.btn-outline-primary {
  color: #7a1b2c !important;
  border-color: #7a1b2c !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #7a1b2c !important;
  border-color: #7a1b2c !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #54131e !important;
  border-color: #54131e !important;
}

/* ===== Badges ===== */

.badge.bg-primary,
.bg-primary {
  background-color: #7a1b2c !important;
  color: #fff !important;
}

/* Variante badge outline maison
   (Bootstrap n'a pas .badge-outline-primary natif)
   => on l'invente pour jouer avec les couleurs de cépages, etc.
*/
.badge-outline-primary {
  display: inline-block;
  border: 1px solid #7a1b2c;
  color: #7a1b2c;
  background-color: transparent;
  border-radius: .375rem;
  padding: .25em .5em;
  font-size: .75rem;
  line-height: 1.2;
  font-weight: 500;
}
.badge-outline-primary.text-uppercase {
  letter-spacing: .03em;
}

/* ===== Navbar / liens actifs dans la nav ===== */

.navbar .nav-link {
  color: var(--bs-body-color);
  font-weight: 500;
}
.navbar .nav-link:hover {
  color: var(--bs-primary);
}

/* lien actif (ex: Cépages quand on est sur /cepages/) */
.navbar .nav-link.active {
  color: var(--bs-primary) !important;
}

/* Burger (toggler) */
.navbar-toggler {
  border-color: rgba(0, 0, 0, 0.2);
}
.navbar-toggler-icon {
  /* On force une icône foncée, sinon elle peut rester grise claire */
  background-image: var(--bs-navbar-toggler-icon-bg,
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  );
}

/* ===== Cards ===== */

/* On garde les cards Bootstrap,
   mais on peut adoucir l'arrière-plan image si besoin plus tard.
   Pour l'instant pas de changement lourd, juste une ombre légère harmonieuse.
*/
.card {
  box-shadow: 0 12px 24px -8px rgba(0,0,0,0.07);
  border-color: rgba(0,0,0,0.06);
}
.card .card-title {
  color: var(--bs-emphasis-color);
}
.card .text-muted {
  color: #6c6c6c !important;
}

/* ===== Footer ===== */

/* Texte un poil plus doux et resserré */
footer {
  font-size: .9rem;
  line-height: 1.4;
  background-color: #fffdf9;
  color: var(--bs-body-color);
}
footer a {
  color: var(--bs-primary);
  text-decoration: none;
}
footer a:hover {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

/* Icônes du footer */
footer .fa-brands,
footer .fa-solid {
  transition: color .15s ease, transform .15s ease;
}

footer a:hover .fa-brands,
footer a:hover .fa-solid {
  color: #661724; /* ton bordeaux foncé */
  transform: scale(1.1);
}