/* ===================================== */
/* GLOBAL RESPONSIVE FIXES */
/* ===================================== */

img {
  max-width: 100%;
  height: auto;
}

/* ===================================== */
/* NAVBAR */
/* ===================================== */

/* Empêche les onglets de passer à la ligne */
.rd-navbar-nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.rd-navbar-nav li {
  white-space: nowrap;
}

/* Réduction sur écrans moyens */
@media (max-width: 1200px) {
  .rd-navbar-nav a {
    font-size: 14px;
  }

  .rd-navbar-nav li {
    margin: 0 8px;
  }
}

/* Passage en menu mobile propre */
@media (max-width: 992px) {
  .rd-navbar-nav {
    display: none;
  }
}

/* ===================================== */
/* SUPPRESSION DU MENU HAMBURGER JAUNE */
/* ===================================== */

.rd-navbar-project-hamburger {
  display: none !important;
}

/* ===================================== */
/* SLIDER */
/* ===================================== */

/* Mobile */
@media (max-width: 768px) {

  /* Réduction hauteur slider */
  .swiper-slide {
    height: 60vh !important;
  }

  /* Texte plus petit */
  .swiper-title {
    font-size: 24px;
  }

  .swiper-text {
    font-size: 14px;
  }

  /* Supprimer les points */
  .swiper-pagination {
    display: none !important;
  }

  /* Flèches navigation */
  .swiper-button-prev,
  .swiper-button-next {
    display: flex !important;
    opacity: 1;
    width: 25px;
    height: 25px;
    background: rgba(0,0,0,0.15);
    border-radius: 25%;
    top: 25%;
    transform: translateY(-50%);
  }

  .swiper-button-prev {
    left: 10px;
  }

  .swiper-button-next {
    right: 10px;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 14px;
    color: white;
  }
}

/* ===================================== */
/* GALERIE */
/* ===================================== */

/* 1 image par ligne sur smartphone */
@media (max-width: 576px) {
  .isotope-item {
    width: 100% !important;
  }
}

/* ===================================== */
/* SECTIONS */
/* ===================================== */

@media (max-width: 768px) {
  .section {
    padding: 30px 15px;
  }
}

/* ===================================== */
/* FORMULAIRE */
/* ===================================== */

@media (max-width: 768px) {
  .form-input {
    font-size: 16px;
  }
}

/* ===================================== */
/* PETIT BONUS UX */
/* ===================================== */

/* Boutons plus cliquables sur mobile */
button {
  min-height: 44px;
}


@media (max-width: 768px) {

  /* centre toute la barre du haut */
  .rd-navbar-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  /* centre le logo */
  .rd-navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  /* place le bouton menu à gauche */
  .rd-navbar-toggle {
    position: absolute;
    left: 15px;
  }
}

@media (max-width: 768px) {

  .rd-navbar-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  /* logo centré */
  .rd-navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  /* burger à droite */
  .rd-navbar-toggle {
    position: absolute;
    right: 15px;
    left: auto;
  }

}


/* ===================================== */
/* MENU MOBILE PLEIN ÉCRAN */
/* ===================================== */

@media (max-width: 768px) {

  /* conteneur menu */
  .rd-navbar-nav-wrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.4s ease;
    z-index: 999;
  }

  /* menu ouvert */
  .rd-navbar-nav-wrap.active {
    right: 0;
  }

  /* liste des liens */
  .rd-navbar-nav {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  /* liens */
  .rd-navbar-nav a {
    font-size: 22px;
    color: white !important;
  }

}