/*
 * Ajustements propres à WordPress, chargés après les feuilles d'origine (site.css, home.css).
 * Ne pas modifier site.css / home.css (copies exactes du site d'origine) : surcharger ici.
 */

[hidden] { display: none !important; }

body {
	margin: 0;
	font-family: var(--font-sans);
	color: var(--color-text);
	background: var(--color-background);
	-webkit-font-smoothing: antialiased;
}

.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }
.home-page > * { margin-block: 0; }

/* Sélecteur de langue : liens (Polylang) au lieu de boutons, même apparence. */
.language-dropdown a,
.language-options a {
	display: block;
	width: 100%;
	padding: var(--spacing-sm) var(--spacing-md);
	color: var(--color-text);
	text-decoration: none;
	transition: background-color var(--transition-base);
}
.language-dropdown a:hover { background: #0000000d; color: var(--color-primary); }
.language-dropdown a.active,
.language-options a.active { font-weight: 700; color: var(--color-primary); }

/* Champ de recherche natif : sans la croix des navigateurs. */
.search-input-wrapper input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Pages génériques (en attendant leur gabarit dédié). */
.susu-page {
	min-height: 60vh;
	padding: calc(64px + var(--spacing-3xl)) var(--spacing-lg) var(--spacing-3xl);
}
.susu-page-title {
	font-family: var(--font-serif);
	font-size: clamp(2rem, 4vw, 3rem);
	letter-spacing: -0.02em;
	color: var(--color-ink);
	margin-bottom: var(--spacing-xl);
}
.susu-page-kicker,
.susu-page-meta {
	font-size: var(--font-size-xs);
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--color-accent-text);
}
.susu-page .wp-block-post-content { font-size: var(--font-size-lg); line-height: 1.75; }
.susu-page .wp-block-post-content > * + * { margin-top: 1.1em; }
.susu-page .wp-block-post-content h2 { font-size: 1.6rem; margin-top: 2em; }
.susu-page-cover img { border-radius: var(--radius-xl); }
.susu-list { gap: var(--spacing-xl); }
.susu-list img { border-radius: var(--radius-lg); }
.susu-list-title { font-size: var(--font-size-xl); margin: var(--spacing-md) 0 var(--spacing-sm); }

/* Éditeur : en-tête dans le flux (pas d'en-tête flottant au-dessus du contenu édité). */
.editor-styles-wrapper .header { position: relative; }
.editor-styles-wrapper .scroll-to-top { display: none; }
.editor-styles-wrapper .wp-block.susu-block-preview { max-width: none; margin-block: 0; }

/* Images WordPress (attributs width/height) : proportions naturelles, sauf si la feuille d'origine impose une hauteur. */
:where(main img) { height: auto; }

/* Fiche récit : formulaire de commentaire des membres (absent du site d'origine, aux couleurs du site). */
.recit-detail-comment-form { display: grid; gap: var(--spacing-sm); margin: var(--spacing-md) 0 var(--spacing-lg); }
.recit-detail-comment-input { width: 100%; padding: var(--spacing-md); border: 1.5px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-background-alt); font: inherit; color: var(--color-text); resize: vertical; }
.recit-detail-comment-input:focus { outline: none; border-color: var(--color-primary); }
.recit-detail-comment-form .btn { justify-self: end; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }