/* style.css */

/* Variables de couleurs */
:root {
    --liberty-yellow: #FFD500;   /* Jaune du logo */
    --liberty-dark: #222222;     /* Gris très foncé */
    --liberty-grey: #f0f0f0;       /* Fond général */
  }
  
  /* Style global */
  body {
    background-color: var(--liberty-grey);
    color: var(--liberty-dark);
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  
  /* Liens généraux */
  a {
    color: inherit;
    text-decoration: none;
  }
  a:hover {
    color: var(--liberty-yellow);
  }
  
  /* Navigation */
  .nav-link {
    color: #fff !important;
    font-weight: 500;
    padding: 0.5rem 1rem;
  }
  .nav-link:hover {
    color: var(--liberty-yellow) !important;
  }
  
  /* Logo */
  .logo-nav {
    height: 60px;
    width: auto;
  }
  
  /* Titre du site */
  .site-title {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--liberty-yellow);
  }
  
  /* Bouton personnalisé */
  .btn-liberty {
    background-color: var(--liberty-yellow);
    color: var(--liberty-dark);
    border: none;
    font-weight: bold;
  }
  .btn-liberty:hover {
    background-color: #e6c000;
  }
  
  /* Forcer des tailles d'images identiques dans les cartes (ex. index) */
  .fixed-img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  
  /* Titres importants en jaune */
  .text-yellow {
    color: var(--liberty-yellow);
  }
  
  /* Style pour les icônes dans les informations de contact */
  .contact-icon {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    color: var(--liberty-yellow);
  }

  .text-justify {
    text-align: justify;
  }

  .navbar-nav .nav-link {
    font-size: 1.4rem;
  }

  .card-hover {
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
    background-color: #f8f9fa;
  }

  .card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    background-color: #e3eaf1;
  }

  .km-inclus {
    display: block;
    font-size: 0.8rem;
    color: #999;
    margin-top: -0.4rem;
  }