/*
Theme Name: BTsun
Theme URI: https://btsun.ch
Author: BTsun SA
Description: Thème enfant de Twenty Twenty-Four pour BTsun SA : couleurs RAL 5022 et jaune soleil, polices Barlow, constellations et sections prêtes à l'emploi. Modifiable sans code dans l'éditeur de blocs.
Template: twentytwentyfour
Version: 1.9.5
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: btsun
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
:where(section[id], .wp-block-group[id]) { scroll-margin-top: 110px; }
body { -webkit-font-smoothing: antialiased; }

/* Les sections pleine largeur se touchent, sans espace blanc entre elles */
.wp-block-post-content > .alignfull { margin-block-start: 0 !important; margin-block-end: 0 !important; }
main.bt-main { margin-block-start: 0 !important; }
.wp-site-blocks > footer { margin-block-start: 0 !important; }

/* ---------- Sections ---------- */
.bt-section { padding-top: clamp(56px, 7vw, 84px) !important; padding-bottom: clamp(56px, 7vw, 84px) !important; }
.bt-section--tight { padding-top: 22px !important; padding-bottom: 22px !important; }

.bt-on-dark, .bt-on-dark p { color: #ddd6ce; }
.bt-on-dark :where(h1, h2, h3, h4) { color: #ffffff; }
.bt-on-dark .bt-eyebrow { color: #c9bfb4; }
.bt-on-dark a:not(.wp-block-button__link) { color: #ffffff; }

.bt-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.8rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #6b645d;
	margin-bottom: 0 !important;
}
.bt-lead { max-width: 720px; color: #4a4642; }
.bt-on-dark .bt-lead { color: #ddd6ce; }
.bt-link-more a, a.bt-link-more { font-weight: 600; text-decoration: none; }
.bt-link-more a:hover { text-decoration: underline; }

/* ---------- En-tête fixe ---------- */
.wp-site-blocks > header,
header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > header,
.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header, .admin-bar header.wp-block-template-part { top: 0; } }
.bt-header { background: #ffffff; border-bottom: 1px solid #e3ded8; padding-top: 10px; padding-bottom: 10px; }
.bt-header .bt-logo a { line-height: 0; display: block; }
.bt-header .bt-logo { flex: 0 0 auto; margin: 0 !important; }
.bt-header .bt-logo img { height: 72px; width: auto; max-width: none; display: block; }
/* Accueil : logo et « Solutions globales en énergies renouvelables » plus grands */
.home .bt-header .bt-logo img { height: 96px; }
@media (max-width: 1359px) { .home .bt-header .bt-logo img { height: 72px; } }
.bt-header .wp-block-navigation { font-size: 0.92rem; gap: 0.95rem; }
.bt-header .wp-block-navigation__container { column-gap: 0.95rem; }
.bt-header .bt-header-cta .wp-block-button__link { font-size: 1rem; padding: 0.6rem 1.1rem; }
.bt-header .bt-phone { margin: 0 !important; }
.bt-header .bt-phone a {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}
.bt-header .wp-block-navigation a { color: #2b2b29; text-decoration: none; }
.bt-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }
@media (max-width: 600px) {
	.bt-header .bt-logo img, .home .bt-header .bt-logo img { height: 56px; }
	.bt-header .bt-phone, .bt-header .bt-header-cta { display: none; }
}

/* ---------- Rythme vertical dans les sections ---------- */
.bt-inner.is-layout-flow > * + * { margin-block-start: clamp(28px, 3vw, 40px); }
.bt-head.is-layout-flow > * + * { margin-block-start: 12px; }
.bt-section.bt-follow { padding-top: 24px !important; }
.bt-head { flex: 1 1 520px; min-width: 0; }

/* ---------- Hero ---------- */
.bt-hero-constellation { margin: 0 auto !important; text-align: center; }
.bt-hero-constellation img { width: 100%; max-width: 300px; height: auto; }
.bt-hero h1 { color: #ffffff; }
.bt-hero .bt-sky img { width: 100%; height: auto; max-width: 620px; margin: 0 auto; display: block; }
.bt-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.bt-chips a {
	display: inline-flex; align-items: center; gap: 10px;
	border: 1px solid #6b645d; border-radius: 999px;
	padding: 9px 18px; color: #f1ede8 !important; text-decoration: none; font-size: 1rem;
}
.bt-chips a::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #f6a81a; flex: 0 0 8px; }
.bt-chips a:hover { border-color: #f6a81a; }
.bt-chips-wrap { border-top: 1px solid #5c5752; padding-top: 22px; }

/* ---------- Bande des labels ---------- */
.bt-labels p {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600; font-size: 1.05rem; letter-spacing: 0.1em; text-transform: uppercase;
	color: #ddd6ce; margin: 0;
}

/* ---------- Cartes (entièrement cliquables) ---------- */
.bt-card {
	position: relative;
	background: #ffffff;
	border: 1px solid #ddd7d0;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.bt-card:hover { border-color: #2f2a5a; box-shadow: 0 6px 22px rgba(47, 42, 90, .10); transform: translateY(-2px); }
.bt-card .bt-more a { font-weight: 600; text-decoration: none; }
.bt-card .bt-more a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.bt-card .bt-more { margin-top: auto !important; padding-top: 8px; }
.bt-card h3, .bt-card h4 { margin: 0; }
.bt-card .is-layout-flow > * + *, .bt-card.is-layout-flow > * + * { margin-block-start: 10px; }
.bt-card--solution > .bt-card__body { margin-block-start: 0 !important; }
.bt-card--plain-hover:hover { transform: none; box-shadow: none; border-color: #ddd7d0; }
/* Cartes blanches posées sur une section sombre */
.bt-on-dark .bt-card, .bt-on-dark .bt-card p { color: #4a4642; }
.bt-on-dark .bt-card :where(h1, h2, h3, h4) { color: #2f2a5a; }
.bt-on-dark .bt-card a:not(.wp-block-button__link) { color: #2f2a5a; }
.bt-on-dark .bt-card .bt-num { color: #6b645d; }
.bt-btn-light .wp-block-button__link { color: #f1ede8 !important; border-color: #a59890 !important; }
.bt-btn-light .wp-block-button__link:hover { border-color: #f6a81a !important; background: transparent !important; }
.bt-card > .wp-block-group:last-child { flex: 1 1 auto; }

.bt-card--solution { display: flex; flex-direction: column; }
.bt-card--solution .bt-card__media {
	height: 150px; margin: 0 !important; border-bottom: 1px solid #ebe6e0;
	display: flex; align-items: center; justify-content: center;
}
.bt-card--solution .bt-card__media img { width: 104px; height: 104px; }
.bt-card--solution h3 { font-size: 2rem; line-height: 1; }
.bt-card__body { padding: 24px 26px 28px !important; display: flex; flex-direction: column; gap: 10px; }

.bt-card--compact { padding: 20px 22px !important; }
.bt-card--compact .bt-glyph { margin: 0 !important; flex: 0 0 48px; }
.bt-card--compact .bt-glyph img { width: 48px; height: 48px; }
.bt-card--compact h3 { font-size: 1.4rem; line-height: 1.05; }
.bt-card--compact p { font-size: 0.95rem; color: #4a4642; }

.bt-num {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.8rem !important; color: #6b645d; margin: 0 !important;
}
.bt-card--solution .bt-num { position: absolute; top: 18px; left: 22px; }

.bt-card--plain { padding: 26px 24px !important; }
.bt-card--plain:hover { transform: none; box-shadow: none; border-color: #ddd7d0; }

/* Cartes réalisations avec photo */
.bt-card--photo .bt-photo { margin: 0 !important; }
.bt-card--photo .bt-photo img { width: 100%; height: 220px; object-fit: cover; display: block; }
.bt-card--photo .bt-card__body { gap: 8px; }
.bt-card--photo h3 { font-size: 1.6rem; color: #2b2b29; }
.bt-photo img { background: #e9e5e0; }

/* ---------- Écosystème : étapes ---------- */
.bt-step { border-top: 1px solid #a59890; padding-right: 24px; position: relative; padding-top: 18px; }
.bt-step::before {
	content: ""; position: absolute; top: -7px; left: 0;
	width: 13px; height: 13px; border-radius: 50%; background: #f6a81a;
}
.bt-step h3 { font-size: 1.6rem; font-weight: 600; letter-spacing: 0.04em; margin: 0; }
.bt-step p { font-size: 1rem; margin: 0; }
.bt-on-dark .bt-num { color: #c9bfb4; }

/* ---------- Méthode ---------- */
.bt-engagement {
	border-left: 4px solid #f6a81a;
	background: #ffffff;
	padding: 22px 26px !important;
}
.bt-engagement p { margin: 0; }
.bt-compass img { width: 120px; height: 120px; }

/* ---------- Avis ---------- */
.bt-avis .wp-block-quote {
	border-radius: 0 !important; font-family: var(--wp--preset--font-family--body) !important;
	background: #ffffff; border: 1px solid #ddd7d0 !important; border-left: 4px solid #2f2a5a !important;
	padding: 24px 26px; margin: 0; height: 100%; box-sizing: border-box;
}
.bt-avis .wp-block-quote p { font-size: 1.1rem; font-family: var(--wp--preset--font-family--body); font-weight: 400; line-height: 1.5; }
.bt-avis .wp-block-quote cite {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.8rem; font-style: normal; letter-spacing: 0.08em; color: #6b645d; text-transform: uppercase;
}

/* ---------- Nouveautés ---------- */
.bt-news { border-top: 3px solid #2f2a5a; padding-top: 16px; }
.bt-news h3 { font-size: 1.4rem; color: #2b2b29; line-height: 1.15; }

/* ---------- FAQ ---------- */
.bt-faq .wp-block-details summary {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03em; text-transform: uppercase;
	color: #2f2a5a; cursor: pointer;
}
.bt-faq .wp-block-details p { margin-top: 10px; color: #4a4642; }

/* ---------- Règle graduée (style carte du ciel) ---------- */
hr.bt-regle, .wp-block-separator.bt-regle {
	border: 0 !important; height: 26px !important; width: 100% !important; max-width: none !important;
	background: url("assets/images/regle.svg") no-repeat center / 100% 26px;
	opacity: 1;
}

/* ---------- Pied de page ---------- */
.bt-footer, .bt-footer p { color: #ddd6ce; }
.bt-footer h2 { color: #ffffff; }
.bt-footer .bt-footer-title { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.4rem; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff; }
.bt-footer .bt-eyebrow { color: #c9bfb4; }
.bt-footer p { margin: 0; }
.bt-footer a { color: #ffffff; }
.bt-footer .bt-phone-big a { font-family: var(--wp--preset--font-family--mono); font-size: 1.15rem; text-decoration: none; }
.bt-footer .bt-labels-line { font-size: 0.9rem; color: #c9bfb4; border-top: 1px solid #5c5752; padding-top: 18px; }

/* ---------- Contenu à compléter (bien visible dans l'éditeur) ---------- */
.bt-a-completer, mark.bt-a-completer {
	background: #fff3c4 !important; color: #5a4300 !important;
	outline: 1px dashed #f6a81a; padding: 2px 6px;
	font-family: var(--wp--preset--font-family--mono); font-size: 0.85rem;
}

/* ---------- Formulaire (Contact Form 7) ---------- */
.bt-form .wpcf7 label { display: block; font-weight: 600; margin-bottom: 4px; }
.bt-form .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.bt-form .wpcf7 select,
.bt-form .wpcf7 textarea {
	width: 100%; box-sizing: border-box; padding: 11px 12px; font: inherit;
	border: 1px solid #c9c2ba; border-radius: 2px; background: #ffffff;
}
.bt-form .wpcf7 input:focus, .bt-form .wpcf7 select:focus, .bt-form .wpcf7 textarea:focus { outline: 2px solid #2f2a5a; outline-offset: 1px; }
.bt-form .wpcf7-checkbox, .bt-form .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 8px; }
.bt-form .wpcf7-list-item { margin: 0; }
.bt-form .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #ddd7d0; padding: 8px 14px; font-weight: 400; cursor: pointer; background: #ffffff; }
.bt-form .wpcf7-submit {
	background: #2f2a5a; color: #ffffff; border: 0; border-radius: 2px; cursor: pointer;
	font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.15rem;
	letter-spacing: 0.08em; text-transform: uppercase; padding: 14px 28px;
}
.bt-form .wpcf7-submit:hover { background: #201c42; }
.bt-form fieldset { border: 0; border-top: 1px solid #ddd7d0; padding: 20px 0 0; margin: 0 0 24px; }
.bt-form legend { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.5rem; text-transform: uppercase; color: #2f2a5a; padding: 0 8px 0 0; }

/* ---------- Accessibilité ---------- */
a:focus-visible, .wp-block-button__link:focus-visible { outline: 3px solid #f6a81a; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.bt-card { transition: none; }
	.bt-card:hover { transform: none; }
}

/* ---------- Albums photos (Réalisations) ---------- */
.wp-block-gallery.bt-album { gap: 10px; }
.wp-block-gallery.bt-album .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.wp-block-gallery.bt-album figcaption { font-size: 0.85rem; }

/* ---------- Message « Merci, votre demande a été envoyée » (bien visible, en orange) ---------- */
.wpcf7 form.sent .wpcf7-response-output {
	border: 3px solid #f6a81a !important;
	background: #fff4dd;
	color: #2b2b29;
	font-size: 1.15rem;
	font-weight: 600;
	padding: 18px 22px !important;
	margin: 24px 0 0 !important;
	border-radius: 2px;
}

/* ---------- Tableau (RCP, RCP virtuel, CEL) ---------- */
.wp-block-table.bt-table table { border-collapse: collapse; width: 100%; background: #ffffff; }
.wp-block-table.bt-table th { background: #2f2a5a; color: #ffffff; text-align: left; font-family: var(--wp--preset--font-family--heading); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.wp-block-table.bt-table th, .wp-block-table.bt-table td { border: 1px solid #ddd7d0; padding: 12px 14px; vertical-align: top; }
@media (max-width: 700px) { .wp-block-table.bt-table table { table-layout: auto; font-size: 0.92rem; } }
.bt-hero-constellation img[src*="ciel-btsun"] { max-width: 460px; }

/* ---------- Photos « En images » des pages solutions ---------- */
.bt-shots .wp-block-image { margin: 0; }
.bt-shots .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: #e9e5e0; }

/* ---------- Menu de l'en-tête : plus grand, sur une seule ligne (1.5.0) ---------- */
/* Le numéro de téléphone n'est plus affiché dans l'en-tête (il reste dans le pied de page). */
.bt-header .bt-phone { display: none !important; }
.bt-header > .wp-block-group { column-gap: 28px; }
.bt-header > .wp-block-group > .wp-block-group { column-gap: 26px; }
.bt-header .bt-header-cta { flex-shrink: 0; }
.bt-header .bt-header-cta .wp-block-button__link { white-space: nowrap; }
.bt-header .wp-block-navigation-item { white-space: nowrap; }
.bt-header .wp-block-navigation .wp-block-navigation__submenu-container { font-size: 1.05rem; }
@media (min-width: 1150px) {
	.bt-header > .wp-block-group,
	.bt-header > .wp-block-group > .wp-block-group,
	.bt-header .wp-block-navigation__container { flex-wrap: nowrap; }
	.bt-header .wp-block-navigation { font-size: 1.25rem; letter-spacing: 0.02em; }
	.bt-header .wp-block-navigation__container { column-gap: 1rem; }
}
@media (min-width: 1150px) and (max-width: 1279px) {
	.bt-header > .wp-block-group { column-gap: 20px; }
	.bt-header > .wp-block-group > .wp-block-group { column-gap: 18px; }
	.bt-header .bt-logo img, .home .bt-header .bt-logo img { height: 60px; }
	.bt-header .wp-block-navigation { font-size: 1.1rem; }
	.bt-header .wp-block-navigation__container { column-gap: 0.8rem; }
}
@media (max-width: 1149px) {
	.bt-header .wp-block-navigation { font-size: 1.1rem; }
	.bt-header .wp-block-navigation__container { column-gap: 0.9rem; }
}

/* ---------- Logos sous les certifications (bande des labels, 1.5.0) ---------- */
/* Ordre des 4 labels : Pros du solaire, GSP, PAC système-module, Chauffez renouvelable */
.bt-labels { gap: 22px 28px !important; align-items: stretch !important; }
.bt-labels > p {
	flex: 1 1 210px;
	display: flex; flex-direction: column; justify-content: space-between; gap: 14px;
	text-align: center;
}
.bt-labels > p::after {
	content: "";
	display: block;
	box-sizing: border-box;
	height: 104px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-origin: content-box;
	padding: 12px 18px;
	border-radius: 4px;
}
.bt-labels > p:nth-child(1)::after { background-image: url("assets/images/labels/pros-du-solaire.jpg"); }
.bt-labels > p:nth-child(2)::after { background-image: url("assets/images/labels/gsp.jpg"); }
.bt-labels > p:nth-child(3)::after { background-image: url("assets/images/labels/pac-systeme-module.jpg"); padding: 24px 20px; }
.bt-labels > p:nth-child(4)::after { background-image: url("assets/images/labels/chauffez-renouvelable.jpg"); padding: 22px 18px; }
.bt-labels > p:nth-child(n+5)::after { display: none; }
@media (min-width: 601px) and (max-width: 1023px) { .bt-labels > p { flex-basis: calc(50% - 14px); } }
@media (max-width: 600px) { .bt-labels > p::after { height: 92px; } }

/* =====================================================================
   1.6.0 : subventions, nouveautés (articles), protection des données,
   lecture sur téléphone et tablette
   ===================================================================== */

/* ---------- Subventions (cartes avec logos) ---------- */
.bt-card--aide { display: flex; flex-direction: column; }
.bt-card--aide .bt-aide-logo {
	margin: 0 !important; height: 96px; padding: 18px 24px; box-sizing: border-box;
	display: flex; align-items: center; justify-content: flex-start;
	border-bottom: 1px solid #ebe6e0;
}
.bt-card--aide .bt-aide-logo img { max-height: 52px; max-width: 200px; width: auto; height: auto; }
.bt-card--aide .bt-aide-logo--icone img { max-height: 64px; width: 64px; }
.bt-card--aide h3 { font-size: 1.6rem; line-height: 1.05; color: #2f2a5a; }
.bt-card--aide p { font-size: 1rem; color: #4a4642; }
.bt-card--aide .bt-card__body { flex: 1 1 auto; }
.bt-aides .bt-engagement { max-width: 900px; }

/* ---------- Nouveautés : cartes article (photo, texte, lien) ---------- */
.bt-card--post { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.bt-card--post .bt-post-img { margin: 0 !important; overflow: hidden; background: #e9e5e0; }
.bt-card--post .bt-post-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.bt-card--post:hover .bt-post-img img { transform: scale(1.03); }
.bt-card--post .bt-card__body { flex: 1 1 auto; gap: 10px; }
.bt-card--post :where(h2, h3).wp-block-post-title { font-size: 1.5rem; line-height: 1.1; margin: 0; color: #2b2b29; }
.bt-card--post .wp-block-post-title a { color: inherit; text-decoration: none; }
.bt-card--post .wp-block-post-terms a { color: inherit; text-decoration: none; position: relative; z-index: 2; }
.bt-card--post .wp-block-post-excerpt { margin: 0; color: #4a4642; font-size: 1rem; }
.bt-card--post .wp-block-post-excerpt__excerpt { margin: 0; }
.bt-card--post .wp-block-post-excerpt__more-text { display: none; }
.bt-card--post .bt-post-foot { margin-top: auto !important; padding-top: 6px; align-items: baseline; }
.bt-card--post .bt-read-more { font-weight: 600; text-decoration: none; color: #2f2a5a; white-space: nowrap; }
/* Toute la carte est cliquable (lien « Lire la suite ») */
.bt-card--post .bt-read-more::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.bt-news-loop .wp-block-post-template { gap: 28px; }
.bt-pagination { margin-top: 40px !important; gap: 12px; font-weight: 600; }
.bt-pagination a { color: #2f2a5a; }

/* En-tête court (liste des nouveautés, article) */
.bt-hero--court h1, .bt-hero--court .wp-block-query-title { color: #ffffff; margin: 8px 0 0; }
.bt-hero--court .wp-block-post-title { color: #ffffff; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.02; margin: 10px 0 0; }
.bt-article-meta { gap: 6px 18px; }
.bt-article-meta .bt-eyebrow, .bt-article-meta a { color: #c9bfb4 !important; text-decoration: none; }
.bt-article-meta > * + *::before { content: "·"; margin-right: 18px; color: #6b645d; }
.bt-article-meta > * { display: inline-flex; align-items: center; }

/* Page d'un article */
.bt-article .bt-article-img { margin: 0 auto 36px !important; }
.bt-article .bt-article-img img { width: 100%; object-fit: cover; display: block; }
.bt-article .wp-block-post-content > * + * { margin-block-start: 1.1em; }
.bt-article .wp-block-post-content h2 { font-size: 1.9rem; margin-top: 1.6em; color: #2f2a5a; }
.bt-article .wp-block-post-content h3 { font-size: 1.4rem; margin-top: 1.4em; }
.bt-article .wp-block-post-content p, .bt-article .wp-block-post-content li { font-size: 1.1rem; line-height: 1.65; }
.bt-article .wp-block-post-navigation-link a { color: #2f2a5a; font-weight: 600; text-decoration: none; }
.bt-article .bt-regle { margin: 40px 0 24px !important; }

/* ---------- Protection des données ---------- */
.bt-privacy-grid .bt-card--compact { align-items: flex-start; gap: 16px; }
.bt-privacy-grid .bt-glyph { flex: 0 0 56px !important; }
.bt-privacy-grid .bt-glyph img { width: 56px !important; height: 56px !important; }
.bt-privacy-grid h3 { color: #2f2a5a; }
.bt-legal h2 { font-size: 1.8rem; margin-top: 2em !important; color: #2f2a5a; }
.bt-legal h2:first-of-type { margin-top: 1em !important; }
.bt-legal p, .bt-legal li { line-height: 1.6; }
.bt-legal ul { padding-left: 1.2em; }
.bt-legal li + li { margin-top: 6px; }
.bt-legal .bt-liens-utiles { margin-top: 44px !important; }
.bt-legal .bt-liens-utiles h3 { font-size: 1.4rem; color: #2f2a5a; margin: 0 0 8px; }
.bt-legal .bt-liens-utiles ul { margin: 0; }
.bt-legal .bt-num { margin-top: 36px !important; }

/* ---------- Téléphone et tablette ---------- */
/* Image du ciel de l'accueil : ne déborde plus sur petit écran (largeur fixée dans la page) */
.bt-sky img, .bt-hero .bt-sky img, .wp-block-image.is-resized img { max-width: 100% !important; height: auto !important; }
html, body { overflow-x: clip; }

/* Menu sur téléphone : fond blanc opaque, texte lisible, aligné à gauche, grandes zones à toucher */
.bt-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #ffffff !important; color: #2b2b29 !important;
	padding: 18px 22px 40px !important;
}
.bt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start !important; padding-top: 56px !important;
}
.bt-header .is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important; justify-content: flex-start !important; flex-direction: column; gap: 4px !important; width: 100%;
}
.bt-header .is-menu-open .wp-block-navigation-item { width: 100%; white-space: normal; align-items: flex-start !important; }
.bt-header .is-menu-open .wp-block-navigation-item__content {
	color: #2b2b29 !important; font-size: 1.3rem; font-weight: 600; padding: 10px 0 !important; display: block;
}
.bt-header .is-menu-open .wp-block-navigation__submenu-container {
	padding: 0 0 8px 16px !important; border-left: 3px solid #f6a81a; margin: 2px 0 8px !important;
	background: transparent !important; gap: 0 !important;
}
.bt-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 1.08rem; font-weight: 500; padding: 8px 0 !important; color: #4a4642 !important;
}
.bt-header .wp-block-navigation__responsive-container-close { color: #2b2b29; }
.bt-header .wp-block-navigation__responsive-container-close svg,
.bt-header .wp-block-navigation__responsive-container-open svg { width: 34px; height: 34px; }

/* Tableaux : défilement horizontal propre au lieu de mots coupés */
@media (max-width: 700px) {
	.wp-block-table.bt-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.wp-block-table.bt-table table { min-width: 560px; }
	.wp-block-table.bt-table td, .wp-block-table.bt-table th { word-break: normal; overflow-wrap: normal; hyphens: auto; }
}

/* Petits écrans : boutons pleine largeur, espacements réduits */
@media (max-width: 600px) {
	.bt-section .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.bt-section .wp-block-buttons > .wp-block-button { width: 100%; }
	.bt-section .wp-block-button__link { display: block; text-align: center; }
	.bt-card__body { padding: 20px 20px 22px !important; }
	.bt-card--aide .bt-aide-logo { height: 84px; padding: 16px 20px; }
	.bt-legal h2 { font-size: 1.5rem; }
	.bt-article .wp-block-post-content p, .bt-article .wp-block-post-content li { font-size: 1.05rem; }
}
/* Tablette : cartes sur deux colonnes */
@media (min-width: 601px) and (max-width: 1023px) {
	.bt-news-loop .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Accueil : photo d'installation photovoltaïque en fond du bandeau d'ouverture (1.6.1) ---------- */
/* La photo est assombrie (voile anthracite) : on devine les panneaux sans gêner la lecture. */
.home .wp-block-post-content > .bt-hero:first-child {
	/* 1.7.0 : ciel plus clair et lueur de coucher de soleil en haut à droite (fin de journée ensoleillée) */
	background-image:
		radial-gradient(ellipse 60% 85% at 100% 0%, rgba(255, 200, 100, .72) 0%, rgba(246, 140, 40, .42) 32%, rgba(233, 84, 29, .14) 58%, rgba(233, 84, 29, 0) 80%),
		linear-gradient(180deg, rgba(47, 47, 45, 0) 60%, rgba(47, 47, 45, .70) 100%),
		linear-gradient(90deg, rgba(47, 47, 45, .88) 0%, rgba(47, 47, 45, .70) 45%, rgba(47, 47, 45, .40) 100%),
		url("assets/images/fond-accueil-solaire.jpg");
	background-size: cover;
	background-position: center 30%;
	background-repeat: no-repeat;
}

/* =====================================================================
   1.7.0 : photos de fond des pages solutions, liens des labels, albums
   ===================================================================== */

/* ---------- Pages solutions : photo en fond du bandeau d'ouverture (même voile que l'accueil) ---------- */
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child,
.bt-page-solaire-thermique .wp-block-post-content > .bt-hero:first-child,
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child,
.bt-page-autoconsommation .wp-block-post-content > .bt-hero:first-child,
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child,
.bt-page-partage-energie .wp-block-post-content > .bt-hero:first-child,
.bt-page-bornes-de-recharge .wp-block-post-content > .bt-hero:first-child,
.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child,
.bt-page-sanitaire .wp-block-post-content > .bt-hero:first-child,
.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child,
.bt-page-conseil-incitatif .wp-block-post-content > .bt-hero:first-child {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-photovoltaique-toit.jpg"); }
.bt-page-solaire-thermique .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-solaire-thermique.jpg"); }
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-pompes-a-chaleur.jpg"); }
.bt-page-autoconsommation .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-autoconsommation.jpg"); }
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-stockage-pilotage.jpg"); }
.bt-page-partage-energie .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-partage-energie.jpg"); }
.bt-page-bornes-de-recharge .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-bornes-de-recharge.jpg"); }
.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-renovation-energetique.jpg"); }
.bt-page-sanitaire .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-sanitaire.jpg"); }
.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-entretien-maintenance.jpg"); }
.bt-page-conseil-incitatif .wp-block-post-content > .bt-hero:first-child { background-image: linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%), url("assets/images/fonds/fond-conseil-incitatif.jpg"); }

/* ---------- Bande des labels : texte et logo cliquables (lien vers le site officiel) ---------- */
.bt-labels > p { position: relative; }
.bt-labels > p > a { color: inherit; text-decoration: none; }
.bt-labels > p > a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.bt-labels > p:has(> a):hover::after { box-shadow: 0 0 0 3px #f6a81a; }
.bt-labels > p > a:focus-visible { outline: none; }
.bt-labels > p:has(> a:focus-visible) { outline: 3px solid #f6a81a; outline-offset: 4px; }

/* ---------- Albums photos : 3 colonnes, 9 photos puis « Voir plus » ---------- */
.wp-block-gallery.bt-album figure.bt-cache { display: none !important; }
.bt-album-plus { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 18px !important; }
.bt-album-plus p { margin: 0; font-style: italic; color: #4a4642; }
.bt-album-bouton {
	background: transparent; border: 2px solid #2f2a5a; color: #2f2a5a; cursor: pointer; border-radius: 2px;
	font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.05rem;
	letter-spacing: 0.08em; text-transform: uppercase; padding: 11px 22px;
}
.bt-album-bouton:hover { background: #2f2a5a; color: #ffffff; }
.bt-album-bouton:focus-visible { outline: 3px solid #f6a81a; outline-offset: 2px; }
@media (min-width: 600px) {
	.wp-block-gallery.bt-album.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(33.333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6667);
	}
}
@media (max-width: 600px) { .bt-album-plus { flex-direction: column; align-items: stretch; } .bt-album-bouton { width: 100%; } }

/* 1.7.2 : cadrages particuliers (logo « Chauffez renouvelable » entier, graphique de production centré) */
.bt-page-conseil-incitatif .wp-block-post-content > .bt-hero:first-child { background-position: center 30%; }
.bt-page-autoconsommation .wp-block-post-content > .bt-hero:first-child { background-position: center center; }

/* 1.7.3 : cadrages demandés */
/* Borne de recharge : on montre le bas de la photo et légèrement décalée à gauche (logo BTsun sur la portière en entier) */
.bt-page-bornes-de-recharge .wp-block-post-content > .bt-hero:first-child { background-size: auto, auto, 114% auto; background-position: 0 0, 0 0, 100% 64%; }
/* Solaire thermique : photo remontée (on voit mieux les capteurs) */
.bt-page-solaire-thermique .wp-block-post-content > .bt-hero:first-child { background-position: center 80%; }
/* 1.7.4 / 1.7.5 : Photovoltaïque, pompes à chaleur, entretien, stockage, rénovation : photo sur la moitié droite du bandeau (du milieu jusqu'au bord droit) */
.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child,
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child,
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child,
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child,
.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child {
	position: relative;
	isolation: isolate;
	background-image: none !important;
}
.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child::before {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: 50%; right: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child::before { background-image: linear-gradient(90deg, rgba(58, 58, 56, 1) 0%, rgba(58, 58, 56, 0) 22%), linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .70) 0%, rgba(47, 47, 45, .55) 100%), url("assets/images/fonds/fond-entretien-maintenance.jpg"); }
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child::before { background-image: linear-gradient(90deg, rgba(58, 58, 56, 1) 0%, rgba(58, 58, 56, 0) 22%), linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .70) 0%, rgba(47, 47, 45, .55) 100%), url("assets/images/fonds/fond-stockage-pilotage.jpg"); }
.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child::before { background-image: linear-gradient(90deg, rgba(58, 58, 56, 1) 0%, rgba(58, 58, 56, 0) 22%), linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .70) 0%, rgba(47, 47, 45, .55) 100%), url("assets/images/fonds/fond-renovation-energetique.jpg"); }
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child::before { background-image: linear-gradient(90deg, rgba(58, 58, 56, 1) 0%, rgba(58, 58, 56, 0) 22%), linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .70) 0%, rgba(47, 47, 45, .55) 100%), url("assets/images/fonds/fond-pompes-a-chaleur.jpg"); }
.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child::before { background-position: center 35%; }
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child::before { background-image: linear-gradient(90deg, rgba(58, 58, 56, 1) 0%, rgba(58, 58, 56, 0) 22%), linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%), linear-gradient(90deg, rgba(47, 47, 45, .70) 0%, rgba(47, 47, 45, .55) 100%), url("assets/images/fonds/fond-photovoltaique-toit.jpg"); background-position: center 35%; }
@media (max-width: 1023px) {
	.bt-page-entretien-maintenance .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-pompes-a-chaleur .wp-block-post-content > .bt-hero:first-child::before,
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child::before,
	.bt-page-stockage-pilotage .wp-block-post-content > .bt-hero:first-child::before,
	.bt-page-renovation-energetique .wp-block-post-content > .bt-hero:first-child::before { left: 0; }
}

/* 1.7.5 : Photovoltaïque — constellation du soleil dans la colonne de droite du bandeau,
   affichée automatiquement tant que cette colonne est vide (si vous y placez une image, elle s'efface). */
.bt-page-photovoltaique .wp-block-post-content > .bt-hero:first-child .wp-block-columns > .wp-block-column:last-child:not(:has(*))::before {
	content: "";
	display: block;
	width: 100%;
	max-width: 300px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	background: url("assets/images/constellation-soleil-clair.svg") no-repeat center / contain;
}

/* 1.7.7 : photos des cartes affichées en entier, comme dans l'éditeur
   (avant : recadrées à 220 px de haut sur le site seulement, ce qui coupait le haut et le bas des images). */
.bt-card--photo .bt-photo img {
	width: 100% !important;
	height: auto !important;
	object-fit: initial;
}

/* 1.7.8 : page Avis clients — avis en colonnes (comme un mur), sans grands vides entre avis courts et longs */
.bt-avis.bt-avis-page { display: block !important; columns: 3 300px; column-gap: 24px; }
.bt-avis.bt-avis-page > .wp-block-quote { break-inside: avoid; height: auto !important; margin: 0 0 24px !important; display: block; }
.bt-avis.bt-avis-page > .wp-block-quote p { font-size: 1.02rem; }

/* 1.8.0 : Nouveautés de l'accueil en bandeau défilant (gauche → droite) */
.bt-news-loop .wp-block-post-template.bt-defile {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 28px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 0 0 6px;
	margin: 0;
	list-style: none;
}
.bt-news-loop .wp-block-post-template.bt-defile::-webkit-scrollbar { display: none; }
.bt-news-loop .wp-block-post-template.bt-defile > li {
	flex: 0 0 calc((100% - 28px) / 2.35);
	width: auto !important;
	max-width: none !important;
	scroll-snap-align: start;
	margin: 0 !important;
}
@media (max-width: 1023px) { .bt-news-loop .wp-block-post-template.bt-defile > li { flex-basis: 70%; } }
@media (max-width: 600px) { .bt-news-loop .wp-block-post-template.bt-defile > li { flex-basis: 86%; } }
.bt-defile-nav { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px !important; }
.bt-defile-nav[hidden] { display: none; }
.bt-defile-btn {
	width: 46px; height: 46px; border-radius: 50%; cursor: pointer;
	border: 2px solid #2f2a5a; background: #ffffff; color: #2f2a5a;
	font-size: 1.3rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center;
}
.bt-defile-btn:hover { background: #2f2a5a; color: #ffffff; }
.bt-defile-btn:focus-visible { outline: 3px solid #f6a81a; outline-offset: 2px; }

/* 1.9.0 : page fusionnée « Autoconsommation et partage d'énergie » : même photo de fond que l'ancienne page Autoconsommation */
.bt-page-autoconsommation-partage-energie .wp-block-post-content > .bt-hero:first-child {
	background-image:
		linear-gradient(180deg, rgba(47, 47, 45, 0) 55%, rgba(47, 47, 45, .75) 100%),
		linear-gradient(90deg, rgba(47, 47, 45, .92) 0%, rgba(47, 47, 45, .80) 48%, rgba(47, 47, 45, .60) 100%),
		url("assets/images/fonds/fond-autoconsommation.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/* Bandeau qui sépare les deux parties de la page */
.bt-partie { border-top: 4px solid #f6a81a; }
.bt-partie .bt-partie-num { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1rem; letter-spacing: .14em; text-transform: uppercase; color: #f6a81a; margin: 0; }

/* =====================================================================
   1.9.1 : pages plus compactes (espaces réduits entre les blocs, sur tout le site)
   ===================================================================== */
.bt-section { padding-top: clamp(32px, 4vw, 48px) !important; padding-bottom: clamp(32px, 4vw, 48px) !important; }
.bt-inner.is-layout-flow > * + * { margin-block-start: clamp(16px, 2vw, 24px); }
.bt-head.is-layout-flow > * + * { margin-block-start: 8px; }
/* Deux sections qui se suivent avec le même fond : pas de double espace entre elles */
.wp-block-post-content > .bt-section.has-base-background-color + .bt-section.has-base-background-color,
.wp-block-post-content > .bt-section.has-base-2-background-color + .bt-section.has-base-2-background-color { padding-top: 8px !important; }

/* Page « Autoconsommation et partage d'énergie » : « Demander une étude » sur sa ligne,
   puis « 1. Autoconsommation » et « 2. Partage d'énergie » côte à côte en dessous */
.bt-page-autoconsommation-partage-energie .bt-hero .wp-block-buttons { gap: 12px; }
.bt-page-autoconsommation-partage-energie .bt-hero .wp-block-buttons > .wp-block-button:first-child { flex: 0 0 100%; }
@media (max-width: 600px) {
	.bt-page-autoconsommation-partage-energie .bt-hero .wp-block-buttons { flex-direction: row !important; flex-wrap: wrap; }
	.bt-page-autoconsommation-partage-energie .bt-hero .wp-block-buttons > .wp-block-button:not(:first-child) { flex: 1 1 0; width: auto; }
	.bt-page-autoconsommation-partage-energie .bt-hero .wp-block-buttons > .wp-block-button:not(:first-child) .wp-block-button__link { padding-left: 10px; padding-right: 10px; font-size: .95rem; }
}

/* 1.9.2 : photos des cartes toutes au même format (4:3), pour qu'elles soient alignées côte à côte.
   Le recadrage est léger (pas de bande de 220 px comme avant la 1.7.7). */
.bt-card--photo .bt-photo img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	object-fit: cover !important;
}

/* =====================================================================
   1.9.4 : page Autoconsommation et partage d'énergie, les 2 parties se distinguent
   Bande jaune à gauche pour la partie 1, bande bleue pour la partie 2.
   ===================================================================== */
.bt-page-autoconsommation-partage-energie #autoconsommation,
.bt-page-autoconsommation-partage-energie #autoconsommation ~ .bt-section { box-shadow: inset 12px 0 0 #f6a81a; }
.bt-page-autoconsommation-partage-energie #partage-energie,
.bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-section { box-shadow: inset 12px 0 0 #2f2a5a; }
.bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-on-dark,
.bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-on-dark ~ .bt-section { box-shadow: none; }
.bt-page-autoconsommation-partage-energie #partage-energie.bt-partie { border-top-color: #2f2a5a; }
.bt-page-autoconsommation-partage-energie #partage-energie .bt-partie-num { color: #2f2a5a !important; }
@media (max-width: 600px) {
  .bt-page-autoconsommation-partage-energie #autoconsommation,
  .bt-page-autoconsommation-partage-energie #autoconsommation ~ .bt-section { box-shadow: inset 6px 0 0 #f6a81a; }
  .bt-page-autoconsommation-partage-energie #partage-energie,
  .bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-section { box-shadow: inset 6px 0 0 #2f2a5a; }
  .bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-on-dark,
  .bt-page-autoconsommation-partage-energie #partage-energie ~ .bt-on-dark ~ .bt-section { box-shadow: none; }
}