/* ----------- BASE ----------- */
body {
  font-family: 'Arial', sans-serif;
}

/* ----------- NAVBAR ----------- */
.navbar {
  background-color: #003366;
}
.navbar a {
  color: white !important;
}
.navbar a:hover {
  color: #ffd700 !important;
}

/* ----------- HERO ----------- */
.hero {
  background: url('https://www.pagesjaunes.fr/media/agc/f7/50/61/00/00/bf/27/98/68/ff/608af750610000bf279868ff/608af750610000bf27986900.jpg') center center/cover no-repeat;
  color: white;
  text-align: center;
  padding: 120px 0;
}

/* ----------- SECTIONS ----------- */
.cta-contact {
  background-color: #003366;
  color: white;
  padding: 50px 0;
}
.cta-contact a {
  color: #ffd700;
  font-weight: bold;
  text-decoration: underline;
}

/* ----------- FORMULAIRE ----------- */
form .form-control, form .form-select {
  border-radius: 6px;
}

/* ----------- AVIS CLIENTS ----------- */
.star-rating {
  font-size: 2rem;
  color: #ffd700;
}

/* ----------- SERVICES ----------- */
.service-card img {
  height: 200px;
  object-fit: cover;
}

/* ----------- FOOTER ----------- */
.footer-custom {
  background-color: #003366;
  padding: 40px 0 30px;
  border-radius: 30px 30px 0 0;
  color: white;
}
.footer-legal {
  background-color: #02294f;
  font-size: 14px;
  text-align: center;
  padding: 12px 0;
}
.footer-custom a:hover {
  color: #4FC3F7;
  text-decoration: underline;
}

/* ----------- SOCIAL ICONS ----------- */
.social-icon {
  filter: invert(1);
  transition: transform 0.3s, filter 0.3s;
}
.social-icon:hover {
  transform: scale(1.1);
  filter: invert(0.5);
}

.text-decoration-underline:hover {
  text-decoration: none;
  color: #4FC3F7;
}