/* ========================================
   CORRECTIFS RESPONSIVE GRANDS ÉCRANS
   ======================================== */

/* Media queries pour écrans > 1400px */
@media (min-width: 1401px) {

  /* Ajustement des gaps pour plus d'espace sur les grilles */
  .vision-container,
  .cultural-section-container {
    gap: 100px;
  }

  .documents::before {
    background: url(../images/background.png) right center !important;
    background-color: var(--primary-green) !important;
  }

  /* Centrage propre du Header sur la grille globale 1400px */
  .navbar-logo {
    left: calc(50vw - 700px) !important;
    margin-left: 0 !important;
  }

  .navbar-container {
    padding-left: 130px !important;
    padding-right: 0px !important;
  }

  /* Bridage des éléments full-width qui échappaient au conteneur */
  .footer-header,
  .contact-map {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* SUPPRESSION DES PADDINGS/MARGES HORIZONTAUX DES SECTIONS PARENTS 
     Ces marges écrasaient (ex: .mayor-section) le conteneur intérieur 1400px ! */
  .tourisme-intro,
  .tourisme-sites,
  .mayor-section,
  .vision,
  .blog,
  .events-list,
  .gastro-dishes,
  .gastro-intro,
  .civil-content,
  .bureau-info,
  .bureau-missions,
  .bureau-composition,
  .bureau-designation,
  .bureau-organisation,
  .contact,
  .presentation,
  .organi-content,
  .project-content {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
  }

}