/*
Theme Name: Gogner BD
Description: Thème de lecture de BD en ligne : sommaire chronologique, lecture en défilement vertical, navigation entre épisodes. À utiliser avec l’extension « Gogner – Épisodes de BD ».
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gogner-bd
*/

/* ---------- Marges latérales ---------- */
.site-header-inner,
.site-footer-inner,
.hero,
.sommaire,
.ep-entete,
.contenu {
	padding-left: 16px;
	padding-right: 16px;
}
@media (min-width: 782px) {
	.site-header-inner,
	.site-footer-inner,
	.hero,
	.sommaire,
	.contenu {
		padding-left: 24px;
		padding-right: 24px;
	}
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

/* ---------- En-tête & pied ---------- */
.site-header {
	border-bottom: 1px solid var(--wp--preset--color--bordure);
}
.site-header-inner {
	padding-top: 14px;
	padding-bottom: 14px;
}
.site-header .wp-block-navigation a {
	text-decoration: none;
}
.site-footer {
	margin-top: 64px;
	border-top: 1px solid var(--wp--preset--color--bordure);
}
.site-footer-inner {
	padding-top: 32px;
	padding-bottom: 32px;
	color: var(--wp--preset--color--texte-doux);
	font-size: 0.875rem;
}
.site-footer .wp-block-social-links {
	--wp--style--block-gap: 12px;
}

/* ---------- Accueil ---------- */
.hero {
	padding-top: clamp(40px, 7vw, 72px);
	padding-bottom: clamp(40px, 6vw, 64px);
}
.hero-inner {
	gap: 48px;
}
.hero-texte {
	flex: 999 1 420px;
	min-width: 0;
	gap: 18px;
}
.hero .wp-block-gogner-couverture {
	flex: 1 1 280px;
	max-width: 420px;
}
.kicker {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}
.hero-titre {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.02;
}
.hero-pitch {
	margin: 0;
	max-width: 34rem;
	font-size: 1.125rem;
	color: var(--wp--preset--color--texte-doux);
}
@media (max-width: 599px) {
	.hero .wp-block-gogner-couverture {
		display: none;
	}
}
.hero .ep-boutons {
	margin-top: 8px;
}
.sommaire {
	padding-top: 16px;
	scroll-margin-top: 24px;
}
.sommaire > h2,
.sommaire > h1 {
	margin-bottom: 6px;
}

/* ---------- Lecture d'un épisode ---------- */
body.single-episode {
	background: #0d0d0d;
	padding-bottom: 104px;
}
.ep-entete {
	padding-top: 28px;
	padding-bottom: 24px;
	text-align: center;
}
.ep-entete .ep-numero {
	margin: 0 0 6px;
}
.ep-titre {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
}

/* Les images s'enchaînent sans espace, pleine largeur sur mobile. */
.ep-planches {
	padding: 0;
}
.ep-planches > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ep-planches img {
	display: block;
	width: 100%;
	height: auto;
}
.ep-planches .wp-block-image {
	margin: 0;
}
.ep-planches .wp-block-gallery.has-nested-images {
	display: flex;
	flex-direction: column;
	gap: 0 !important;
	margin: 0;
}
.ep-planches .wp-block-gallery.has-nested-images figure.wp-block-image {
	width: 100% !important;
	flex: none !important;
	margin: 0 !important;
}
.ep-planches .wp-block-gallery.has-nested-images figure.wp-block-image img {
	height: auto !important;
	object-fit: contain !important;
}
.ep-planches .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static;
	background: none;
	color: var(--wp--preset--color--texte-doux);
	padding: 8px 16px;
	text-align: center;
}
.ep-planches > p,
.ep-planches > h2,
.ep-planches > h3 {
	padding: 1.25rem 16px !important;
}

/* ---------- Pages simples ---------- */
.contenu {
	padding-top: 40px;
}
.contenu .wp-block-post-title {
	font-size: var(--wp--preset--font-size--x-large);
}