/* ==========================
   PAGE HOME – TOUT EN UN – SAFE
   ========================== */

/* Logo adaptatif */
.site-logo img {
  max-width: 25vw;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Bloc fond beige / vert responsive */
.section-reservation,
.main-title-section-wrapper + .vc_row {
  padding: 5vw 5% !important;
  margin-bottom: 5vh !important;
  border-radius: 3vw !important;
  position: relative;
  z-index: 1;
}

.section-reservation::before,
.main-title-section-wrapper + .vc_row::before {
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255, 248, 235, 0.9) !important;
  border-radius: 3vw !important;
  z-index:-1;
}

/* Formulaire réservation responsive */
.booking-form select {
  width: 100% !important;
  display: block !important;
  z-index: 1000 !important;
  position: relative !important;
}

.booking-form .form-row, 
.booking-form .form-group {
  overflow: visible !important;
}

/* Blog carousel responsive */
.blog-carousel {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 4vw;
  margin-top: 3vh;
}

.blog-item img {
  height: 25vh;
  object-fit: cover;
}

.blog-content h3 {
  font-size: 4vw;
}

.read-more {
  padding: 2vw 4vw;
  font-size: 3.5vw;
  border-radius: 25px;
}

/* Bouton RDV */
.rdv-button a {
  padding: 3vw 8vw;
  font-size: 4vw;
  border-radius: 40px;
  background: #c8b899;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  transition: background 0.3s;
}
.rdv-button a:hover {
  background: #b3a57f;
}

/* Texte slider adaptatif */
.rev_slider .tp-caption {
  font-size: 2.5vw !important;
  line-height: 1.2em !important;
}

/* Slider Revolution responsive */
@media (max-width: 1024px) {
  .rev_slider_wrapper,
  .rev_slider {
    height: 40vh !important;
    min-height: 300px;
  }
}

/* Blog carousel sur mobile ultra responsive */
@media (max-width: 768px) {
  .blog-carousel {
    grid-template-columns: 1fr !important;
  }

  .blog-content h3 {
    font-size: 5vw;
  }

  .read-more {
    font-size: 4vw;
    padding: 3vw 5vw;
  }

  .rdv-button a {
    font-size: 5vw;
    padding: 4vw 10vw;
  }
}