/* =====================================================
   OVERRIDE : Ajustements forcés pour surclasser slides.min.css
========================================================= */

/* ---------- Suppression des points noirs dans le menu ---------- */
.panel.top .menu,
.sidebar .mainMenu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.panel.top .menu li,
.sidebar .mainMenu li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Suppression des pseudo-éléments indésirables (points noirs) */
.panel.top .menu li::before,
.panel.top .menu li::after {
  content: "" !important;
  display: none !important;
}

/* ---------- Correction de l'espacement des onglets ---------- */
.panel.top .menu li {
  display: inline-block !important;
  margin: 0 2px !important;    /* marge réduite (anciennement 0 8px) */
  padding: 2px 3px !important;   /* padding réduit (anciennement 5px 10px) */
}

/* ---------- Option A : Décaler l’onglet "Contactez-moi" ---------- */
.panel.top .menu li:last-child {
  margin-right: 90px !important;
}

/* ---------- Augmenter l’espace entre le nom du site et l’onglet Accueil ---------- */
.left.site-name {
  margin-right: 90px !important;
}

/* ---------- Rétablissement de la couleur du sélecteur de langue ---------- */
body #langSelector {
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 10000 !important;
}

body #langSelector button {
  background-color: #F5DEB3 !important;  /* Sable doré */
  border: none !important;
  padding: 5px 10px !important;
  margin: 0 2px !important;
  font-size: 12px !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  transition: background-color 0.3s ease !important;
}

body #langSelector button:hover {
  background-color: #87CEEB !important;  /* Bleu clair au survol */
}

/* ---------- Mise à jour des images de fond pour Blog et Contact ---------- */
.slide#blog .background {
  background-image: url('../assets/img/background/img-97.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

.slide#contact .background {
  background-image: url('../assets/img/background/img-98.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* ---------- Activation du scroll sur écran tactile ---------- */
html, body {
  -webkit-overflow-scrolling: touch !important;
  touch-action: auto !important;
}

.slides.horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- Réduction de l'espace entre le menu et le texte ---------- */
body .slide .content {
  padding-top: 5px !important;
}

/* ---------- Couleur du menu ---------- */
.panel.top {
  background-color: #000 !important;
}

#colorBand {
  background-color: #000 !important;
}

/* ---------- Effet de survol des onglets du menu ---------- */
.panel.top .menu li a:hover {
  background-color: #2E7D32 !important;
  transition: background-color 0.25s ease-in-out !important;
}

.panel.top .menu li.active a {
  background-color: #87CEEB !important;
}

/* ---------- Ajustement de l’espacement vertical des slides ---------- */
/* Règle globale */
.slide {
  padding-top: 20px !important;
}

/* Règles spécifiques par slide */
#home { padding-top: 50px !important; }
#about { padding-top: 40px !important; }
#philosophy { padding-top: 30px !important; }
#services { padding-top: 20px !important; }
#projects2 { padding-top: 25px !important; }
#why { padding-top: 35px !important; }
#blog { padding-top: 30px !important; }
#contact { padding-top: 40px !important; }

/* ---------- (Effet de survol sur "Pourquoi travailler avec moi" retiré) ---------- */

/* ---------- Optimisation pour smartphone et tablette (Responsive Design) ---------- */
@media (max-width: 768px) {
  .panel.top .menu li {
    margin: 0 4px !important;
    padding: 5px 6px !important;
    font-size: 14px;  /* ajustez la taille de police si besoin */
  }
  .left.site-name {
    margin-right: 10px !important;
  }
  .site-title {
    font-size: 18px !important;
  }
  .slide {
    padding-top: 15px !important;
  }
}