/*
Theme Name:   GeneratePress Child - IntimPicks
Theme URI:    https://intimpicks.com/
Description:  Child theme GeneratePress pour intimpicks.com : layout de lecture 780px, sans sidebar, typographie système.
Author:       intimpicks.com
Template:     generatepress
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  generatepress-child
*/

/* ---------- Tokens ---------- */
:root {
	--ip-bg: #fafafa;
	--ip-text: #1f1d1e;
	--ip-muted: #5e575b;
	--ip-accent: #b0306a;
	--ip-reading: 780px;
	--ip-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	/* Variables globales GeneratePress */
	--base-2: var(--ip-bg);
	--contrast: var(--ip-text);
	--accent: var(--ip-accent);
}

/* ---------- Base ---------- */
body {
	background-color: var(--ip-bg);
	color: var(--ip-text);
	font-family: var(--ip-font);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.main-title,
.main-navigation {
	font-family: var(--ip-font);
}
h1, h2, h3, h4 {
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -.01em;
}
h1 { font-size: clamp(1.9rem, 1.4rem + 2vw, 2.5rem); }
h2 { font-size: clamp(1.4rem, 1.2rem + .9vw, 1.75rem); margin-top: 2em; }
h3 { font-size: 1.2rem; }
a { color: var(--ip-accent); }
p, li { overflow-wrap: anywhere; }

/* ---------- Largeur de lecture (reviews, articles, pages) ---------- */
.ip-reading .site-content .content-area {
	max-width: calc(var(--ip-reading) + 80px); /* 780px de texte + padding GeneratePress (40px × 2) */
	margin-inline: auto;
	float: none;
}
.ip-reading .entry-meta { color: var(--ip-muted); font-size: .9rem; }
.ip-reading .entry-content > p:first-child { font-size: 1.1rem; color: var(--ip-muted); }
.ip-reading .entry-content ul { margin-left: 1.25em; }

/* Les tableaux comparatifs restent lisibles dans la colonne */
.ip-reading .wac-vs { margin-inline: 0; }

@media (max-width: 768px) {
	body { font-size: 16px; }
	.ip-reading .site-content .content-area { max-width: 100%; }
}