/* ==================================================
1.) RESET CSS LÉGER ET SAFE POUR WORDPRESS FSE

Objectif :
- corriger quelques comportements navigateur
- garder Gutenberg et theme.json maîtres du design
- éviter les conflits inutiles
================================================== */

/* ********** 1.1) BOÎTE CSS UNIFORME ********** 
box-sizing: border-box; fait en sorte que width et height incluent padding et border. 
Cela évite beaucoup de bugs de calcul de largeur. */

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ********** 1.2) CORRECTION MOBILE / SAFARI ********** 
Empêche certains navigateurs mobiles d’agrandir le texte automatiquement. 
Très utile pour garder un rendu fidèle. */

html {
	-webkit-text-size-adjust: 100%;
}

/* ********** 1.3) SUPPRESSION DE LA MARGE PAR DÉFAUT DU NAVIGATEUR ********** 
Les navigateurs ajoutent souvent une marge au body (souvent 8px). 
On la supprime pour repartir sur une base propre. */

 body {
	margin: 0; 
} 

/* ********** 1.4) IMAGES ET MÉDIAS RESPONSIVE ********** 
Empêche les images et médias de dépasser de leur conteneur. 
display: block évite certains petits espaces indésirables. 
height: auto conserve les proportions. */
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ********** 1.5) HÉRITAGE DE LA TYPO POUR LES FORMULAIRES ********** 
Les champs de formulaire n’utilisent pas toujours la même police que le reste du site. 
font: inherit force l’héritage du style typographique. */

input,
button,
textarea,
select {
	font: inherit;
}

/* ********** 1.6) IFRAME RESPONSIVE ********** 
Utile pour les cartes, vidéos YouTube, contenus embarqués. 
max-width: 100% évite les débordements. 
border: 0 supprime les bordures par défaut éventuelles. */

iframe {
	max-width: 100%;
	border: 0;
}

/* ********** 1.7) LISTES ********** 
On garde une indentation lisible pour les listes.
On évite ici de supprimer brutalement les puces. */

ul, ol {
	padding-left: 1.5rem;
}

/* ********** 1.8) TABLEAUX ********** 
Fusionne les bordures pour un rendu plus propre.
border-spacing: 0 évite les espaces parasites. */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ********** 1.9) SCROLL DOUX (OPTIONNEL) ********** 
Si on utilises des ancres (#contact, #services...), le scroll sera plus fluide. */

html {
	scroll-behavior: smooth;
}

/* ========== FIN ========== */