/**
 * FULL-WIDTH FIX - ÉCRANS 26 POUCES ET PLUS
 * Force le site à être 100% full-width sans marges
 */

/* Reset complet pour forcer full-width */
html {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

#page,
.site {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Container WordPress */
.wp-site-blocks,
.wp-block-group,
.entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Main content */
.site-main-fullwidth {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* Sections */
section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Container fullwidth - SANS MAX-WIDTH */
.container-fullwidth {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}

/* Écrans ultra larges 26 pouces (2560px+) */
@media (min-width: 2560px) {
  .container-fullwidth {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  
  .hero-content-wrapper {
    max-width: 1800px !important;
  }
}

/* Écrans 4K (3840px+) */
@media (min-width: 3840px) {
  .container-fullwidth {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  
  .hero-content-wrapper {
    max-width: 2200px !important;
  }
}

/* Désactiver les marges du thème parent */
.wp-block-post-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Header full-width */
#site-header {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

/* Footer full-width */
#site-footer {
  width: 100% !important;
  max-width: 100% !important;
}