/** * L'Aire Bête — Styles de base * * Reset minimal, typographie globale, container. * Les variables sont aussi enqueuées séparément via functions.php ; * l'@import ci-dessous garantit que base.css reste auto-suffisant. */ @import url('variables.css'); /* === Reset minimal === */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; font-family: var(--lb-font-corps); font-size: var(--lb-text-base); line-height: 1.6; color: var(--lb-noir); background-color: var(--lb-blanc-casse); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, picture, video, svg { max-width: 100%; height: auto; display: block; } ul, ol { padding-left: var(--lb-space-lg); } /* === Titres : Fredoka One, sarcelle === */ h1, h2, h3, h4, h5, h6 { font-family: var(--lb-font-titre); font-weight: 400; line-height: 1.2; color: var(--lb-sarcelle); margin: 0 0 var(--lb-space-md); } h1 { font-size: var(--lb-text-4xl); } h2 { font-size: var(--lb-text-3xl); } h3 { font-size: var(--lb-text-2xl); } h4 { font-size: var(--lb-text-xl); } h5 { font-size: var(--lb-text-lg); } h6 { font-size: var(--lb-text-base); } /* === Paragraphes : Open Sans === */ p { font-family: var(--lb-font-corps); margin: 0 0 var(--lb-space-md); } /* === Liens : sarcelle, hover en or === */ a { color: var(--lb-sarcelle); text-decoration: none; transition: color var(--lb-transition-fast); } a:hover, a:focus { color: var(--lb-or); text-decoration: underline; } /* === Container centré 1200px === */ .container, .site-header, .site-content, .site-footer { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--lb-space-md); padding-right: var(--lb-space-md); } /* === Identité visuelle de l'en-tête === */ .site-header { padding-top: var(--lb-space-2xl); padding-bottom: var(--lb-space-xl); text-align: center; } .site-title { font-family: var(--lb-font-titre); color: var(--lb-sarcelle); font-size: var(--lb-text-4xl); margin: 0; } .site-title a { color: inherit; text-decoration: none; } .site-title a:hover, .site-title a:focus { color: var(--lb-or); text-decoration: none; } .site-subtitle { font-family: var(--lb-font-corps); color: var(--lb-bois-fonce); font-size: var(--lb-text-lg); margin-top: var(--lb-space-sm); margin-bottom: 0; } /* === Pied de page === */ .site-footer { padding-top: var(--lb-space-2xl); padding-bottom: var(--lb-space-2xl); text-align: center; color: var(--lb-bois-fonce); font-size: var(--lb-text-sm); } /* === Page d'accueil (mall immersif) =================================== * Sur la home (``), le header WordPress (titre, * sous-titre, menu) et le footer sont masqués pour ne pas casser * l'expérience plein écran. Le wrapper `.site-content` perd aussi sa * contrainte 1200 px + padding pour que le mall (`

`) * occupe toute la largeur et toute la hauteur du viewport. Les autres * pages (boutiques, articles, etc.) gardent l'en-tête et la mise en page * standard du thème. */ body.home .site-header, body.home .site-footer { display: none; } body.home .site-content { max-width: none; margin: 0; padding: 0; }