/*
Theme Name: Pepenoo
Theme URI: https://pepenoo.fr
Author: Pepenoo
Description: Thème éditorial Pepenoo — la maison (crème/sauge) et le mouvement Nourrir la Révolution (encre/terracotta). Cormorant Garamond + DM Mono.
Version: 1.3
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: pepenoo
*/

/* Polices chargées via functions.php (RGPD : plugin OMGF pour les héberger en local) */

/* ========== Base éditoriale ========== */
body { -webkit-font-smoothing: antialiased; }
p { margin-block-start: 0; }
::selection { background: #C1663F; color: #F7F3EA; }

/* Kickers — étiquettes DM Mono qui ouvrent chaque section */
.px-kicker {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #7D8C6F;
}
.px-kicker--terra { color: #C1663F; }
.px-on-ink .px-kicker { color: #C98F6E; }

/* Filets — la colonne vertébrale : sauge = la maison, terracotta = le mouvement */
hr.px-rule, hr.px-rule-terra {
  border: none; height: 1px; margin: 0.4rem 0 1.6rem;
  background: #7D8C6F; opacity: 1; width: 64px;
}
hr.px-rule-terra { background: #C1663F; }
hr.px-hairline { border: none; height: 1px; background: rgba(38,37,31,0.18); opacity: 1; width: 100%; }
.px-on-ink hr.px-hairline { background: rgba(247,243,234,0.22); }

/* Héros typographique */
.px-hero h1 {
  font-size: clamp(2.6rem, 6.4vw, 4.9rem);
  font-weight: 500; line-height: 1.06; letter-spacing: -0.01em;
}
.px-hero .px-vivant { color: #C1663F; font-style: italic; }
.px-lede { font-size: clamp(1.18rem, 2vw, 1.4rem); line-height: 1.55; font-style: italic; }

/* Header */
.px-header { border-bottom: 1px solid rgba(38,37,31,0.16); background: #F7F3EA; }
.px-header .wp-block-site-title a {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 600; font-size: 1.35rem; letter-spacing: 0.34em;
  text-transform: uppercase; text-decoration: none;
}
.px-nav { font-family: var(--wp--preset--font-family--mono); }
.px-nav .wp-block-navigation-item__content {
  font-size: 0.74rem; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none;
}
.px-nav .wp-block-navigation-item__content:hover { color: #C1663F; }
.px-nav .px-nav-nlr .wp-block-navigation-item__content { color: #C1663F; }

/* Boutons — mécanique DM Mono, angles droits */
.wp-block-button .wp-block-button__link {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase;
  border-radius: 0; padding: 0.95rem 1.7rem;
  background: #C1663F; color: #F7F3EA; border: 1px solid #C1663F;
  transition: background 160ms ease, color 160ms ease;
}
.wp-block-button .wp-block-button__link:hover { background: #26251F; border-color: #26251F; color: #F7F3EA; }
.wp-block-button.px-btn-ghost .wp-block-button__link {
  background: transparent; color: #26251F; border: 1px solid #26251F;
}
.wp-block-button.px-btn-ghost .wp-block-button__link:hover { background: #26251F; color: #F7F3EA; }
.px-on-ink .wp-block-button.px-btn-ghost .wp-block-button__link { color: #F7F3EA; border-color: #F7F3EA; }
.px-on-ink .wp-block-button.px-btn-ghost .wp-block-button__link:hover { background: #F7F3EA; color: #26251F; }

/* Cartes d'offre */
.px-card {
  background: #FDFBF6; border: 1px solid rgba(38,37,31,0.16);
  padding: 2rem 1.7rem; height: 100%;
}
.px-card h3 { font-size: 1.5rem; margin-top: 0.35rem; }
.px-card .px-kicker { display: inline-block; }
.px-price {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 1.5rem !important; letter-spacing: 0.04em; color: #26251F;
}
.px-card--star { border: 1px solid #C1663F; }

/* Bandes de section */
.px-band-sage { background: #E4E9DE; }
.px-band-ivory { background: #FDFBF6; border-top: 1px solid rgba(38,37,31,0.12); border-bottom: 1px solid rgba(38,37,31,0.12); }
.px-on-ink { background: #26251F; color: #F7F3EA; }
.px-on-ink h1, .px-on-ink h2, .px-on-ink h3, .px-on-ink p, .px-on-ink li { color: #F7F3EA; }
.px-on-ink a { color: #F7F3EA; }

/* Citations */
.wp-block-quote { border-left: 2px solid #7D8C6F; padding-left: 1.4rem; font-style: italic; }
.px-on-ink .wp-block-quote { border-left-color: #C1663F; }

/* FAQ */
.wp-block-details { border-top: 1px solid rgba(38,37,31,0.2); padding: 1rem 0; }
.wp-block-details summary {
  font-family: var(--wp--preset--font-family--mono); font-size: 0.85rem;
  letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer;
}
.wp-block-details[open] summary { color: #C1663F; margin-bottom: 0.6rem; }

/* Listes de contenu du manuel */
.px-toc li { margin-bottom: 0.55rem; }

/* Footer */
.px-footer { border-top: 1px solid rgba(247,243,234,0.2); }
.px-footer p { font-size: 0.95rem; }
.px-footer .px-sig {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 0.72rem !important; letter-spacing: 0.18em; text-transform: uppercase; color: #C98F6E;
}

/* Confort mobile */
@media (max-width: 781px) {
  .px-card { padding: 1.5rem 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}


/* ========== v1.1 — Portail à deux univers ========== */
.px-split.wp-block-columns { gap: 0 !important; min-height: 100vh; margin: 0; }
.px-split-panel {
  display: flex; flex-direction: column; justify-content: center;
  position: relative; padding: 3.2rem 2.6rem; min-height: 100vh;
  transition: background 220ms ease;
}
.px-split-left { background: #F7F3EA; }
.px-split-left:hover { background: #F0EBDD; }
.px-split-right { background: #26251F; }
.px-split-right:hover { background: #2F2E26; }
.px-split-panel h2 {
  font-size: clamp(2rem, 4.2vw, 3.4rem); font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.15; margin: 0.4rem 0 0.9rem;
}
.px-split-panel p { max-width: 34rem; }
/* Toute la moitié est cliquable */
.px-split-panel .wp-block-button { position: static; }
.px-split-panel .wp-block-button__link::after { content: ""; position: absolute; inset: 0; }
@media (max-width: 781px) {
  .px-split.wp-block-columns { min-height: auto; }
  .px-split-panel { min-height: 52vh; padding: 2.6rem 1.5rem; }
}

/* Cartes sociales (page mouvement, fond encre) */
.px-social { border: 1px solid rgba(247,243,234,0.28); padding: 1.7rem 1.5rem; height: 100%; }
.px-social .px-handle {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 0.78rem !important; letter-spacing: 0.14em; text-transform: uppercase; color: #C98F6E;
}
.px-social .px-stat {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 1.25rem !important; color: #F7F3EA;
}

/* Projet mis en avant */
.px-feature { border: 1px solid #C1663F; padding: 2.2rem 2rem; }

/* Badge nouveauté */
.px-badge {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 0.66rem !important; letter-spacing: 0.2em; text-transform: uppercase;
  color: #C1663F; border: 1px solid #C1663F; padding: 0.28rem 0.65rem; display: inline-block;
}