/* ==========================================================================
   COUCHE 3 — PAGES
   Surcharges spécifiques, volontairement minimales.
   Les chemins d'images sont injectés ici : la couche composants reste
   agnostique et réutilisable.
   ========================================================================== */

.crk-hero            { --kr-hero-image: url('../img/kraken-hero.webp'); }
.crk-methode__visuel { --kr-methode-image: url('../img/methode-visuel.webp'); }
.crk-panneau--apropos { --kr-panneau-image: url('../img/a-propos.webp'); }
.crk-panneau--contact { --kr-panneau-image: url('../img/contact.webp'); }

/* --- Pages intérieures --------------------------------------------------- */

.page-service .entry-content > *,
.page-locale .entry-content > * { max-width: var(--kr-texte-max); }
.page-service h2, .page-locale h2 { margin-top: var(--kr-s5); }
.page-service h3, .page-locale h3 { margin-top: var(--kr-s4); color: var(--kr-or); }

.single-post .entry-content h2 { margin-top: var(--kr-s5); }
.single-post .entry-content h3 { margin-top: var(--kr-s4); }

/* Les pages intérieures n'ont pas de photo de fond : on garde la profondeur
   avec le seul dégradé, sans charger d'image inutile. */
.page-service main, .page-locale main { background: var(--kr-degrade-profondeur); }