/*
Theme Name: ZYGDesign
Author: Laurent Meunier & ChatGPT
Description: Thème WordPress structuré pour ZYGDesign.
Version: 1.0
*/

/* 1. Toujours éviter l’overflow horizontal global */
html, body {
  overflow-x: hidden;
}
  
/* 2. Uniformiser le “container” de contenu */
:root {
  /* tu peux ajuster cette valeur selon ta charte */
  --site-max-width: 1200px;
  --site-gutter: 1rem;  /* marge intérieure */
}

.container {
  width: 1200px;
  max-width: var(--site-max-width);
  margin: 0 auto;
  padding: 0 var(--site-gutter);
  box-sizing: border-box;
}

/* 3. Pour les sections “en pleine largeur” (background color / image to edge) */
.full-width {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  box-sizing: border-box;
}

/* 4. Appliquer systématiquement le box-sizing */
*, *::before, *::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
  /* Fonts */
  --font-sans: 'Open Sans', sans-serif;
  --font-title: 'Pacifico', cursive;

  /* Spacing */
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
}

body {
  font-family: var(--font-sans);
  color: var(--text-base);
  line-height: 1.5;
}

h1, h2, h3 {
  font-family: var(--font-title);
  margin-bottom: var(--space-md);
}

.u-text-center { text-align: center; }
.u-mb-lg { margin-bottom: var(--space-lg); }
.u-pt-md { padding-top: var(--space-md); }