/* ==========================================================================
   IMPAKTUS CREATION GRAPHIQUE — feuille de style du thème enfant
   Pour changer l'apparence, modifiez d'abord les variables de la section 1.
   Approche mobile-first : les règles de base valent pour le mobile,
   puis les blocs @media (min-width) élargissent pour tablette et bureau.
   ========================================================================== */


/* ==========================================================================
   1. VARIABLES — palette et polices
   ========================================================================== */
:root {
	/* Couleurs de la charte */
	--impaktus-accent: #01A281;       /* vert accent : boutons, liens */
	--impaktus-profond: #0A2625;      /* vert profond : fonds sombres, titres */
	--impaktus-clair: #F0FFF0;        /* fond clair */
	--impaktus-secondaire: #2D5150;   /* texte secondaire */
	--impaktus-blanc: #FFFFFF;
	--impaktus-accent-fonce: #018068; /* survol des boutons verts */

	/* Polices (déclarées dans assets/fonts/fonts.css) */
	--impaktus-font-titre: 'Bebas Neue', Impact, sans-serif;
	--impaktus-font-texte: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Rayons et ombres */
	--impaktus-rayon: 4px;
	--impaktus-ombre: 0 2px 12px rgba(10, 38, 37, 0.08);
}


/* ==========================================================================
   2. TYPOGRAPHIE — titres en Bebas Neue, textes en Montserrat
   ========================================================================== */
body {
	font-family: var(--impaktus-font-texte);
	font-weight: 400;
	line-height: 1.7;
	color: var(--impaktus-secondaire);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.site-title {
	font-family: var(--impaktus-font-titre);
	font-weight: 400;
	letter-spacing: 0.04em;   /* léger interlettrage */
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--impaktus-profond);
}

h1 { font-size: clamp(2.25rem, 1.6rem + 3vw, 4rem); }
h2 { font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem); }
h3 { font-size: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem); }

a {
	color: var(--impaktus-accent);
	text-underline-offset: 0.2em;
}

a:hover {
	color: var(--impaktus-profond);
}


/* ==========================================================================
   3. BOUTONS — plein vert accent, survol plus foncé, variante contour
   ========================================================================== */
.wp-block-button__link,
.wp-element-button,
.button,
button[type="submit"],
input[type="submit"] {
	display: inline-block;
	padding: 0.9rem 1.75rem;
	border: 2px solid var(--impaktus-accent);
	border-radius: var(--impaktus-rayon);
	background-color: var(--impaktus-accent);
	color: var(--impaktus-blanc);
	font-family: var(--impaktus-font-texte);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	border-color: var(--impaktus-accent-fonce);
	background-color: var(--impaktus-accent-fonce);
	color: var(--impaktus-blanc);
}

/* Bouton secondaire : style « Contour » du bloc Bouton */
.wp-block-button.is-style-outline .wp-block-button__link,
.impaktus-bouton-contour {
	background-color: transparent;
	color: var(--impaktus-accent);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.impaktus-bouton-contour:hover {
	background-color: var(--impaktus-accent);
	border-color: var(--impaktus-accent);
	color: var(--impaktus-blanc);
}


/* ==========================================================================
   4. CARTES D'OFFRES — utilisées par le motif « Nos offres »
   ========================================================================== */
.impaktus-offres {
	gap: 1.5rem;
}

.impaktus-carte {
	height: 100%;
	padding: 2rem 1.5rem;
	border: 1px solid rgba(45, 81, 80, 0.15);
	border-radius: var(--impaktus-rayon);
	background-color: var(--impaktus-blanc);
	box-shadow: var(--impaktus-ombre);
}

.impaktus-carte h3 {
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.impaktus-carte p {
	margin-top: 0;
}

.impaktus-carte__tarif {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(45, 81, 80, 0.15);
	color: var(--impaktus-profond);
	font-weight: 600;
}


/* ==========================================================================
   5. BANDEAUX — héro et appel à l'action
   ========================================================================== */
.impaktus-hero {
	background-color: var(--impaktus-clair);
}

.impaktus-hero__sous-titre {
	font-size: 1.125rem;
	font-weight: 300;
}

.impaktus-bandeau-sombre {
	background-color: var(--impaktus-profond);
	color: var(--impaktus-clair);
}

.impaktus-bandeau-sombre h1,
.impaktus-bandeau-sombre h2,
.impaktus-bandeau-sombre h3 {
	color: var(--impaktus-blanc);
}


/* ==========================================================================
   6. EN-TÊTE ET PIED DE PAGE
   ========================================================================== */
.site-header,
#masthead {
	background-color: var(--impaktus-blanc);
	border-bottom: 1px solid rgba(45, 81, 80, 0.12);
}

.site-header a,
#masthead a {
	color: var(--impaktus-profond);
	text-decoration: none;
}

.site-header a:hover,
#masthead a:hover {
	color: var(--impaktus-accent);
}

.site-footer,
#colophon {
	background-color: var(--impaktus-profond);
	color: var(--impaktus-clair);
}

.site-footer a,
#colophon a {
	color: var(--impaktus-clair);
}

.site-footer a:hover,
#colophon a:hover {
	color: var(--impaktus-accent);
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
#colophon h2,
#colophon h3,
#colophon h4 {
	color: var(--impaktus-blanc);
}


/* ==========================================================================
   7. FOCUS VISIBLE — accessibilité clavier
   ========================================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--impaktus-accent);
	outline-offset: 3px;
}

/* Sur fond sombre, le contour passe en clair pour rester visible */
.impaktus-bandeau-sombre a:focus-visible,
.impaktus-bandeau-sombre .wp-block-button__link:focus-visible,
.site-footer a:focus-visible,
#colophon a:focus-visible {
	outline-color: var(--impaktus-clair);
}


/* ==========================================================================
   8. RESPONSIVE — mobile-first, grille WordPress (782px et 1024px)
   ========================================================================== */

/* Mobile : les cartes s'empilent et les boutons prennent toute la largeur */
@media (max-width: 781px) {
	.impaktus-hero .wp-block-buttons,
	.impaktus-bandeau-sombre .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}
}

/* Tablette et plus (782px) : cartes plus aérées */
@media (min-width: 782px) {
	.impaktus-carte {
		padding: 2.5rem 2rem;
	}

	.impaktus-hero__sous-titre {
		font-size: 1.25rem;
	}
}

/* Bureau (1024px) : espacement généreux entre les cartes */
@media (min-width: 1024px) {
	.impaktus-offres {
		gap: 2.5rem;
	}
}

/* Respect des préférences de mouvement réduit */
@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link,
	.wp-element-button,
	.button {
		transition: none;
	}
}


/* ==========================================================================
   CHARTE IMPAKTUS — déclarée ici, au niveau du thème, pour tout le site.
   Le thème parent Kadence écrase la palette du theme.json du thème enfant :
   sans ce bloc, ni les classes .has-*-color ni les variables ci-dessous n'existent.
   Ajouté le 07/10/2026. Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
:root,body,.wp-site-blocks{
  --wp--preset--color--accent:#01A281;
  --wp--preset--color--profond:#0A2625;
  --wp--preset--color--clair:#F0FFF0;
  --wp--preset--color--secondaire:#2D5150;
  --wp--preset--color--blanc:#FFFFFF;
}
body,.wp-site-blocks{background-color:#F0FFF0;color:#2D5150}
.has-accent-background-color{background-color:#01A281!important}
.has-accent-color{color:#01A281!important}
.has-profond-background-color{background-color:#0A2625!important}
.has-profond-color{color:#0A2625!important}
.has-clair-background-color{background-color:#F0FFF0!important}
.has-clair-color{color:#F0FFF0!important}
.has-blanc-background-color{background-color:#FFFFFF!important}
.has-blanc-color{color:#FFFFFF!important}
.has-secondaire-color{color:#2D5150!important}
h1,h2,h3,.wp-block-heading{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.4px;color:#0A2625}
p,li,.wp-block-button__link{font-family:"Montserrat",system-ui,sans-serif}
.imp-hero{text-align:left}
.imp-hero .wp-block-cover__inner-container{max-width:860px;margin:0}
.imp-hero h1,.imp-hero p{color:#FFFFFF}
.imp-hero p em{color:#B9D9D2}
.imp-hero .wp-block-button__link{background:#01A281;color:#fff;border-radius:6px;font-weight:600;padding:16px 32px;font-size:1.05rem;transition:transform .25s ease}
.imp-hero .wp-block-button__link:hover{transform:translateY(-3px)}
.imp-carte{border-top:5px solid #01A281;border-radius:10px;box-shadow:0 6px 22px rgba(10,38,37,.09);padding:26px 22px 22px;background:#fff;height:100%}
.imp-carte h3{font-size:1.45rem;line-height:1.15;margin:0 0 12px}
.imp-etape{font-size:2.4rem;font-weight:700;color:#01A281;font-family:"Bebas Neue",Impact,sans-serif;line-height:1;margin:0 0 10px}
.imp-bande{background:#01A281;color:#fff;border-radius:12px;padding:38px 30px}
.imp-bande h2,.imp-bande p{color:#fff}
.imp-bande .wp-block-button__link{background:#0A2625;color:#fff;border-radius:6px;font-weight:600;padding:16px 30px}
.imp-prix{border-left:8px solid #01A281;padding:6px 0 6px 22px;font-size:1.6rem;font-weight:600;line-height:1.3;color:#0A2625}
.imp-num{color:#01A281;font-weight:700}
.imp-carte,.imp-etape,.imp-bande,.imp-prix{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.75,.25,1),transform .75s cubic-bezier(.22,.75,.25,1)}
.imp-carte.imp-vu,.imp-etape.imp-vu,.imp-bande.imp-vu,.imp-prix.imp-vu{opacity:1;transform:none}
.imp-hero h1{animation:impMonte .95s .08s both cubic-bezier(.22,.75,.25,1)}
.imp-hero p{animation:impMonte .95s .22s both cubic-bezier(.22,.75,.25,1)}
.imp-hero .wp-block-buttons{animation:impMonte .95s .34s both cubic-bezier(.22,.75,.25,1)}
@keyframes impMonte{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.imp-carte,.imp-etape,.imp-bande,.imp-prix{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
@media(max-width:781px){.imp-bande{padding:28px 20px}.imp-prix{font-size:1.3rem}}

/* ==========================================================================
   PASSE DE DYNAMISME — 07/10/2026
   Demandé par Kévin : les blocs manquaient de couleurs, les fonds blancs de peps,
   et il manquait la pointe de rouge de la marque (#E02D3B).
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
:root,body,.wp-site-blocks{ --imp-rouge:#E02D3B; --imp-rouge-sombre:#B8232F; }

/* --- 1. les fonds de section : fini le blanc plat --- */
.has-blanc-background-color{
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FCF9 60%,#EFF9F2 100%)!important;
  border-top:1px solid rgba(1,162,129,.10);
}
.imp-carte{ background:linear-gradient(180deg,#FFFFFF 0%,#F8FDFA 100%); }

/* --- 2. la pointe de rouge : traits, numéros, pastilles --- */
h2.wp-block-heading{ position:relative; padding-bottom:14px; }
h2.wp-block-heading::after{
  content:""; position:absolute; left:0; bottom:2px; width:56px; height:4px;
  background:#01A281; border-radius:2px;
}
h2.wp-block-heading::before{
  content:""; position:absolute; left:62px; bottom:3px; width:14px; height:2px;
  background:#E02D3B; border-radius:2px;
}
.imp-etape{ color:#E02D3B !important; letter-spacing:1px; }
.imp-etape::after{
  content:""; display:block; width:34px; height:3px; background:#E02D3B;
  margin-top:6px; border-radius:2px;
}
.imp-carte h3::before{
  content:""; display:inline-block; width:9px; height:9px; border-radius:50%;
  background:#E02D3B; margin-right:9px; vertical-align:middle;
}
.imp-carte{ border-top:5px solid #01A281; }
.imp-carte::after{
  content:""; position:absolute; right:14px; top:-5px; width:46px; height:5px;
  background:#E02D3B; border-radius:0 0 3px 3px;
}
.imp-carte{ position:relative; overflow:hidden; }

/* --- 3. du relief dans les cartes et la bande --- */
.imp-carte:hover{ transform:translateY(-7px); box-shadow:0 18px 40px rgba(10,38,37,.18); border-top-color:#E02D3B; }
.imp-bande{ background:linear-gradient(135deg,#01A281 0%,#018A6E 100%); position:relative; overflow:hidden; }
.imp-bande::before{
  content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px;
  border:26px solid rgba(255,255,255,.10); border-radius:50%;
}
.imp-bande::after{
  content:""; position:absolute; left:0; top:0; width:6px; height:100%;
  background:linear-gradient(180deg,#E02D3B 0%,#B8232F 100%);
}
.imp-bande h2.wp-block-heading::before,.imp-bande h2.wp-block-heading::after{ background:rgba(255,255,255,.55); }
.imp-bande h2.wp-block-heading::before{ background:#E02D3B; }
.imp-prix{ position:relative; }
.imp-prix .imp-num{ color:#01A281; }

/* --- 4. le hero : relief, diagonale, respiration --- */
.imp-hero{ background:radial-gradient(120% 120% at 12% 0%,#12403C 0%,#0A2625 55%,#071B1A 100%)!important; }
.imp-hero h1{ text-shadow:0 3px 22px rgba(0,0,0,.35); }
.imp-hero{ position:relative; overflow:hidden; }
.imp-hero::after{
  content:""; position:absolute; right:-90px; bottom:-120px; width:340px; height:340px;
  border:34px solid rgba(1,162,129,.18); border-radius:50%;
}
.imp-hero::before{
  content:""; position:absolute; left:0; top:0; height:100%; width:5px;
  background:linear-gradient(180deg,#01A281 0%,#E02D3B 100%);
}
.imp-hero .wp-block-button__link{ box-shadow:0 8px 22px rgba(1,162,129,.32); }

/* --- 5. un peu de mouvement en plus --- */
.imp-carte,.imp-etape,.imp-bande,.imp-prix{ will-change:transform,opacity; }
.imp-bande{ animation:impFlotte 7s ease-in-out infinite alternate; }
@keyframes impFlotte{ from{ transform:translateY(0) } to{ transform:translateY(-6px) } }
.imp-bande.imp-vu{ animation:impFlotte 7s ease-in-out infinite alternate; }
@media(prefers-reduced-motion:reduce){
  .imp-bande{ animation:none!important } .imp-carte::after{ transition:none }
}

/* ==========================================================================
   POLICES PARTOUT + BOUTONS ALIGNÉS — 07/10/2026
   Kévin : « la police n'est pas appliquée partout » et « décalage trop
   important entre les deux [boutons] ». Kadence habille son en-tête, son menu,
   ses titres et ses formulaires avec ses propres polices : il faut les nommer.
   ========================================================================== */
body, .wp-site-blocks, .site, .site-content, .content-area, .entry-content,
.site-header, .site-header a, .main-navigation, .main-navigation a,
.primary-menu-container, .primary-menu-container a, .mobile-navigation,
.site-footer, .site-footer a, .site-footer *, .entry-title, .page-title,
.page-header, .kadence-column, .kadence-inner-column-inner,
p, li, ul, ol, div, span, blockquote, figcaption, table, td, th,
input, textarea, select, button, .wp-block-button__link, .wp-element-button {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .wp-block-heading, .entry-title, .page-title,
.site-title, .site-description, .main-navigation a, .primary-menu-container a,
.widget-title, .wp-block-post-title {
  font-family: "Bebas Neue", Impact, "Arial Narrow", sans-serif !important;
  letter-spacing: .5px;
}
.main-navigation a, .primary-menu-container a{ font-size: 1.15rem; letter-spacing: .8px; }
.entry-title, .page-title{ color:#0A2625; }
.entry-title::after, .page-title::after{
  content:""; display:block; width:62px; height:4px; margin-top:8px;
  background:linear-gradient(90deg,#01A281 0%,#01A281 62%,#E02D3B 62%,#E02D3B 100%);
  border-radius:2px;
}

/* --- les deux boutons du hero : même hauteur, même poids optique --- */
.imp-hero .wp-block-buttons{ display:flex; flex-wrap:wrap; gap:14px; align-items:stretch; }
.imp-hero .wp-block-button{ display:flex; }
.imp-hero .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:54px; padding:0 32px; line-height:1.1;
}
.imp-hero .wp-block-button.is-style-outline .wp-block-button__link{
  border:2px solid rgba(255,255,255,.55); border-radius:6px;
  background:transparent; color:#FFFFFF;
}
.imp-hero .wp-block-button.is-style-outline .wp-block-button__link:hover{
  border-color:#E02D3B; color:#FFFFFF; transform:translateY(-3px);
}
.imp-bande .wp-block-button__link, .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center; min-height:52px;
}

/* ==========================================================================
   D'APRÈS LA RÉFÉRENCE VISUELLE (HopeRise) — 07/10/2026
   Échelle typographique beaucoup plus forte, boutons en pilule, fonds de
   section réellement distincts, cartes à filet fin, étiquettes en rouge.
   ========================================================================== */

/* 1. l'échelle : c'est elle qui fait le dynamisme, pas les effets */
.imp-hero h1, .wp-block-cover h1.wp-block-heading{
  font-size: clamp(2.6rem, 6.4vw, 5.4rem) !important; line-height: .94 !important;
  letter-spacing: -.5px !important; margin-bottom: 22px !important;
}
h2.wp-block-heading, .entry-content h2{
  font-size: clamp(1.9rem, 3.4vw, 3rem) !important; line-height: 1.02 !important;
  margin-bottom: 6px !important;
}
.imp-carte h3, h3.wp-block-heading{ font-size: clamp(1.35rem, 1.8vw, 1.85rem) !important; }
p, li{ font-size: 1.06rem; line-height: 1.68; }
.imp-etape{ font-size: clamp(3rem, 5vw, 4.4rem) !important; }

/* 2. les fonds de section se distinguent enfin */
.has-clair-background-color{ background:linear-gradient(180deg,#FFFFFF 0%,#EAF6EE 100%)!important; }
.has-blanc-background-color{
  background:linear-gradient(180deg,#EAF6EE 0%,#DFF1E6 100%)!important;
  border-top:1px solid rgba(1,162,129,.14);
}
.wp-block-cover.imp-hero{ background:radial-gradient(130% 120% at 10% -10%,#14403B 0%,#0A2625 58%,#061614 100%)!important; }

/* 3. boutons en pilule — la signature de la référence */
.wp-block-button__link, .wp-element-button, .wp-block-button.is-style-outline .wp-block-button__link{
  border-radius:999px !important;
}
.imp-hero .wp-block-button__link{ padding:0 38px !important; font-weight:600; }
.imp-bande{ border-radius:22px !important; }

/* 4. le rouge en étiquette au-dessus des titres de section */
h2.wp-block-heading::before{
  content:"IMPAKTUS"; position:static; display:inline-block;
  background:#E02D3B; color:#fff; font-family:"Montserrat",sans-serif;
  font-size:.62rem; font-weight:700; letter-spacing:.16em; line-height:1;
  padding:6px 10px 5px; border-radius:999px; margin:0 0 12px 0;
  width:auto; height:auto;
}
h2.wp-block-heading::after{ position:static; display:block; margin-top:10px; width:64px; height:4px;
  background:linear-gradient(90deg,#01A281 0%,#01A281 60%,#E02D3B 60%,#E02D3B 100%); border-radius:2px; }

/* 5. cartes : filet fin, coins francs, ombre quasi nulle */
.imp-carte{
  border:1px solid rgba(10,38,37,.10) !important; border-top:4px solid #01A281 !important;
  border-radius:14px !important; box-shadow:0 1px 0 rgba(10,38,37,.04) !important;
  padding:30px 24px 26px !important;
}
.imp-carte:hover{ border-top-color:#E02D3B !important; box-shadow:0 14px 34px rgba(10,38,37,.12) !important; }

/* ==========================================================================
   BANNIÈRE CLAIRE AUX TRIANGLES — installée le 07/10/2026
   Fond blanc, maillage de la charte, grands triangles vert et rouge.
   L'overlay sombre du bloc cover est masqué, et le texte repasse en vert profond.
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
.imp-hero{
  background-image:url("https://impaktuscg.com/wp-content/uploads/banniere-hero-impaktus.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.imp-hero .wp-block-cover__background{ display:none !important; }
.imp-hero h1, .imp-hero h1.wp-block-heading,
.imp-hero p, .imp-hero p em{
  color:#0A2625 !important; text-shadow:none !important;
}
.imp-hero .wp-block-button.is-style-outline .wp-block-button__link{
  border:2px solid #0A2625 !important; color:#0A2625 !important; background:transparent !important;
}
.imp-hero .wp-block-button.is-style-outline .wp-block-button__link:hover{
  border-color:#E02D3B !important; color:#E02D3B !important;
}
.imp-hero .wp-block-button__link{ box-shadow:0 10px 26px rgba(1,162,129,.28) !important; }

/* ==========================================================================
   PICTOGRAMMES DE SERVICE — 07/10/2026
   SVG inliné dans le bloc HTML .imp-ico, pastille rouge de la marque en coin.
   La pastille de l'icône remplace le point rouge du titre de la carte.
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
.imp-ico{ position:relative; width:56px; height:56px; margin:0 0 16px; }
.imp-ico svg{ display:block; width:56px; height:56px; }
.imp-ico .imp-pt{ position:absolute; right:-3px; bottom:-3px; width:15px; height:15px; border-radius:50%; background:#E02D3B; }
.imp-carte:has(.imp-ico) h3::before{ display:none; }

/* ==========================================================================
   BANNIÈRE DE LA BANDE D'AUDIT — 07/10/2026
   Fond clair, maillage et grands triangles vert et rouge (même langage que le héro).
   Le texte repasse en vert profond. Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
.imp-bande{
  background:#F6FCF8 url("https://impaktuscg.com/wp-content/uploads/banniere-bande-impaktus.webp") center right / cover no-repeat !important;
}
.imp-bande::before{ display:none !important; }
.imp-bande h2, .imp-bande p, .imp-bande h2.wp-block-heading{ color:#0A2625 !important; }
.imp-bande .wp-block-button__link{ background:#0A2625 !important; color:#fff !important; }
@media(max-width:781px){
  .imp-bande{ background-image:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),url("https://impaktuscg.com/wp-content/uploads/banniere-bande-impaktus.webp") !important; }
}

/* ==========================================================================
   PIED DE PAGE — 07/10/2026
   Trois colonnes (contact, adresse, liens légaux) sur le vert profond de la charte.
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
.site-middle-footer-wrap{ background:#0A2625; color:#F0FFF0; }
.site-middle-footer-wrap .site-footer-row-container-inner{ background:#0A2625; }
.site-middle-footer-wrap h3.wp-block-heading{ font-family:"Bebas Neue",Impact,sans-serif; font-weight:400; font-size:1.6rem; letter-spacing:1.5px; color:#fff; margin:0 0 10px; }
.site-middle-footer-wrap p, .site-middle-footer-wrap li{ color:#F0FFF0; font-size:.95rem; line-height:1.7; }
.site-middle-footer-wrap ul{ list-style:none; margin:0; padding:0; }
.site-middle-footer-wrap a{ color:#F0FFF0; text-decoration:none; border-bottom:1px solid rgba(240,255,240,.35); }
.site-middle-footer-wrap a:hover, .site-middle-footer-wrap a:focus-visible{ color:#fff; border-bottom-color:#E02D3B; }
.site-bottom-footer-wrap{ background:#071B1A; }
.site-bottom-footer-wrap, .site-bottom-footer-wrap .footer-html, .site-bottom-footer-wrap p{ color:#B9D9D2; font-size:.85rem; }

/* ==========================================================================
   HÉRO — bannière WebP (≈ 80 Ko au lieu de 1 Mo) — 07/10/2026
   Le sélecteur .wp-block-cover.imp-hero est nécessaire : une règle plus haut dans la feuille
   le cible avec le même poids et imposait un dégradé sombre à la place de la bannière.
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
.wp-block-cover.imp-hero{
  background:#F6FCF8 url("https://impaktuscg.com/wp-content/uploads/banniere-hero-impaktus.webp") center center / cover no-repeat !important;
}
.wp-block-cover.imp-hero::after{ display:none !important; }

/* ==========================================================================
   APPARITION AU DÉFILEMENT — filet de sécurité, étiquettes de titre, lisibilité du héro — 07/10/2026
   Retrait : supprimer ce bloc jusqu'à la fin du fichier.
   ========================================================================== */
/* sans JavaScript (classe imp-js absente), tout reste visible */
html:not(.imp-js) .imp-carte, html:not(.imp-js) .imp-etape, html:not(.imp-js) .imp-bande, html:not(.imp-js) .imp-prix{
  opacity:1 !important; transform:none !important;
}
/* l'étiquette « IMPAKTUS » se pose au-dessus du titre, pas à côté */
h2.wp-block-heading::before{ display:block !important; width:max-content; }
/* texte du héro lisible quand la diagonale verte passe dessous */
.wp-block-cover.imp-hero p, .wp-block-cover.imp-hero p em{ text-shadow:0 0 10px rgba(255,255,255,.85), 0 0 3px rgba(255,255,255,.7) !important; }
.imp-ico{ margin-left:0 !important; margin-right:auto !important; }
/* le texte de la bande reste sur la partie claire, à gauche des triangles */
@media(min-width:782px){ .imp-bande > *{ max-width:62%; } }
.site-middle-footer-wrap ul.wp-block-list{ padding-left:0 !important; margin-left:0 !important; }
/* pictogramme posé directement dans un groupe pleine largeur : aligné sur la colonne de texte */
.alignfull > .imp-ico{ margin-left:max(0px, calc((100% - 1242px) / 2)) !important; }
/* Signature du site en minuscules (choix de Kévin, 07/10/2026) */
.site-description, .site-tagline, .wp-block-site-tagline, header .site-description{
  text-transform:lowercase !important; letter-spacing:.02em !important;
  font-family:"Montserrat",sans-serif !important; font-weight:500 !important;
}