/* =========================
   Fonts (Montserrat)
   ========================= */
/* NOTE: Idéalement, charge la police via functions.php (enqueue) plutôt que @import pour de meilleures perfs. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* =========================
   Variables
   ========================= */
:root{
  --bs-primary: #5FA26D;
  --bs-secondary: #2BA2A9;
  --bs-dark: #000000;
  --bs-light: #FFFFFF;
  --bs-warning: #FDDF59;
  --bs-success: #D7F4DB;
}

/* =========================
   Typographies
   ========================= */
html, body { height: 100%; }
body{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  display: flex; flex-direction: column; min-height: 100vh;
}

/* Titres */
h1,h2,h3,h4,h5,h6{ font-weight: 700; margin-top: 0; }

/* Corps de texte et éléments courants */
p, li, a, label, input, select, textarea{ font-weight: 400; }

/* Boutons */
button, .btn{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* Mettre <strong>/<b> en 700 sans impacter le reste */
strong, b{ font-weight: 700; }

/* =========================
   HERO
   ========================= */
.hero-section{
  background-image: url("../img/hero.jpeg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 400px;
  display:flex; align-items:center; justify-content:center; text-align:center;
  position: relative;
}
.hero-section::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); }
.hero-section .container{ position:relative; z-index:1; }
.hero-section .lead, .hero-section h1{ color:#fff; }

/* =========================
   Boutons
   ========================= */
.btn-primary{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover{ background-color:#4c8258 !important; }
.btn-warning{
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  color:#000;
}

/* =========================
   Navbar / Header
   ========================= */
.navbar{ background-color: var(--bs-dark) !important; }
.navbar .nav-link{ color: var(--bs-light) !important; }
.navbar .nav-link:hover{ color: var(--bs-warning) !important; }

/* Logo : PNG + SVG, force 40px de haut */
.navbar .navbar-brand,
.custom-logo-link{ padding:0; line-height:1; display:flex; align-items:center; }

.custom-logo-link img,
.navbar .navbar-brand img,
.navbar .navbar-brand .custom-logo,
.custom-logo{
  height: auto !important;
  max-height: 30px !important;
  width: auto !important;
  display: block;
}
/* Si logo en SVG */
.custom-logo-link svg,
.navbar .navbar-brand svg{
  height: 40px !important; width: auto !important; display:block;
}

/* Liens de menu compacts, sans retour à la ligne */
.navbar-nav .nav-link{
  white-space: nowrap;
  padding: .5rem .75rem;
  line-height: 1;
}

/* Boutons à droite compacts */
.navbar .btn{
  line-height: 1;
  padding: .5rem .9rem;
}

/* Alignement sur desktop, éviter wrap */
@media (min-width: 992px){
  .navbar .navbar-collapse{
    display:flex !important;
    justify-content:flex-end;
    align-items:center;
    gap:.5rem;
    flex-wrap: nowrap;
  }
  .navbar-nav{ align-items:center; gap:.25rem; }
  /* Si ça serre encore, décommente la ligne suivante */
  /* .navbar-nav .nav-link{ font-size:.95rem; } */
}

/* Barre admin WP (évite chevauchement sticky) */
@media (min-width: 782px){
  body.admin-bar .sticky-top{ top: 32px; }
}

/* =========================
   Cartes
   ========================= */
.card{ border:none; }
.card:hover{ transform: translateY(-5px); transition:.3s; }

/* =========================
   Focus (a11y)
   ========================= */
:focus{ outline:3px solid var(--bs-secondary); outline-offset:2px; }

/* =========================
   Utilitaires
   ========================= */
.bg-nomawork-green{ background-color:#5FA26D !important; }

/* Footer sticky */
#main-content{ flex: 1 0 auto; }
footer{ flex-shrink: 0; }

/* =========================
   Réduire les animations si préférence utilisateur
   ========================= */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}
/* Section avis – petites finitions */
#reviews .site-review .glsr-review-content { font-size: 0.95rem; line-height: 1.6; }
#reviews .glsr-stars { transform: translateY(-1px); }
#reviews .glsr-pagination { margin-top: 1rem; }