/*
Theme Name:   Grimpeez
Theme URI:    https://www.grimpeez.com/
Description:  Thème enfant GeneratePress pour Grimpeez — média FR du matériel de sports de montagne. Identité « bleu nuit » (navy / corail / or), polices Space Grotesk + Inter. Toutes les valeurs de design viennent de assets/tokens.css (source de vérité). E-E-A-T (author box, disclosure, schema) injecté via les hooks GeneratePress gratuits.
Author:       Grimpeez (Cyprien Garnier, Benoit Michelin)
Author URI:   https://www.grimpeez.com/
Template:     generatepress
Version:      1.0.0
Text Domain:  grimpeez
*/

/*
   Ce fichier porte l'en-tête de thème enfant + le STYLE DE BASE site-wide
   (typo, couleurs, en-tête, largeur de lecture). Les composants .gz et les
   tokens vivent dans assets/. Chargé en dernier (après tokens + components).
*/

/* ============================================================
   Base site-wide — s'applique à tout le thème, pas qu'aux .gz
   ============================================================ */
body {
	font-family: var(--gz-font-body);
	color: var(--gz-ink-soft);
	background: var(--gz-surface);
}
h1, h2, h3, h4, h5,
.entry-title, .site-title, .widget-title, .page-title {
	font-family: var(--gz-font-display);
	color: var(--gz-ink);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -.01em;
}
a { color: var(--gz-navy); }
a:hover { color: var(--gz-navy-2); }

.entry-title { font-size: var(--gz-fs-h1); margin-bottom: .35em; }
/* Marge de prose : seulement hors home (la home = composants, pas de prose).
   Évite que .entry-content h2 (chargé après) n'écrase la marge des titres .gz. */
body:not(.home) .entry-content h2 { font-size: var(--gz-fs-h2); margin-top: 1.8em; }
.entry-content h3 { font-size: var(--gz-fs-h3); }

/* Largeur de lecture : on recentre la prose même sans sidebar. */
.entry-content,
.page-content {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête : fond blanc, filet bas, nav en Space Grotesk navy. */
.site-header {
	background: var(--gz-surface);
	border-bottom: 1px solid var(--gz-line);
}
.main-navigation a {
	font-family: var(--gz-font-display);
	font-weight: 600;
	color: var(--gz-ink);
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
	color: var(--gz-navy);
}
/* Wordmark : on masque le logo image (absent en staging) et on stylise le nom. */
.custom-logo, .site-logo img, .header-image { display: none !important; }
.site-branding .site-title, .main-title { display: block !important; }
.site-title a, .main-title a {
	font-family: var(--gz-font-display);
	font-weight: 700;
	font-size: 1.55rem;
	letter-spacing: -.015em;
	color: var(--gz-ink);
	display: inline-flex;
	align-items: center;
	gap: 9px;
}
.site-title a::before, .main-title a::before {
	content: "";
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M1 23 L9 7 L14 16 L17 11 L25 23 Z' fill='%2317305a'/%3E%3Cpath d='M9 7 L14 16 L11 16 L9 11 Z' fill='%234f8fdc'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Sous-menus (déroulants) : panneaux blancs premium, items en pilule. */
.main-navigation ul ul.sub-menu {
	background: #fff;
	border: 1px solid var(--gz-line);
	border-radius: var(--gz-r);
	box-shadow: var(--gz-shadow-lg);
	padding: 8px;
	min-width: 252px;
}
.main-navigation ul ul.sub-menu a {
	color: var(--gz-ink-soft) !important;
	font-weight: 600;
	font-size: .92rem;
	border-radius: 8px;
	padding: 10px 14px;
}
.main-navigation ul ul.sub-menu a:hover,
.main-navigation ul ul.sub-menu .current-menu-item > a {
	background: var(--gz-stone);
	color: var(--gz-navy) !important;
}
/* Header collant (GP Premium) : ombre douce quand collé. */
.navigation-stick, .sticky-navigation-transition {
	box-shadow: 0 3px 20px rgba(16, 30, 60, .09);
}

/* Boutons natifs WP/GeneratePress → corail (cohérent avec les CTA .gz). */
.wp-block-button__link,
button.button, .button, input[type="submit"] {
	background: var(--gz-cta);
	border-color: var(--gz-cta);
	color: #fff;
	border-radius: var(--gz-r-sm);
}
.wp-block-button__link:hover,
.button:hover { background: var(--gz-cta-d); }