/**
 * Modules Extra et Divi Builder — modules réellement utilisés sur le site,
 * habillés avec le langage Bitelo (rayons 16-20px, accent bleu, DM Sans).
 */

/* ---- Modules Extra (colonnes de listing) ---- */
.bt-theme .et_pb_extra_column .module {
	margin-bottom: var(--bt-spacing-lg);
}

.bt-theme .module .module-head,
.bt-theme .module h1.module-head {
	background: transparent;
	border-bottom: 2px solid var(--bt-color-accent);
	color: var(--bt-color-heading);
	font-weight: 600;
	text-transform: none;
	letter-spacing: -0.01em;
	padding: var(--bt-spacing-sm) 0;
	margin-bottom: var(--bt-spacing-md);
}

/* ---- Blog feed masonry / standard ---- */
.bt-theme .posts-blog-feed-module.et_pb_extra_module {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.bt-theme .posts-blog-feed-module .paged-navigation {
	margin-top: var(--bt-spacing-md);
}

/* ---- Tabbed posts ---- */
.bt-theme .et_extra_other_module.tabbed-posts-module {
	border-radius: var(--bt-radius-lg);
	overflow: hidden;
}

.bt-theme .tabbed-posts-module .tabs .tab a {
	font-weight: 500;
	font-size: var(--bt-font-size-sm);
	color: var(--bt-color-text-muted);
	transition: color var(--bt-transition-fast);
}

.bt-theme .tabbed-posts-module .tabs .tab.active a,
.bt-theme .tabbed-posts-module .tabs .tab a:hover {
	color: var(--bt-color-accent);
}

/* ---- Rangée de liens intégrée AU bandeau (maquette validée) ----
   La section qui suit le slider (blurb « La société » + 3 boutons)
   remonte sur le visuel ; « La société » devient une pilule blanche
   avec cercle-flèche bleu, les 3 liens des pilules fantômes. */
/* Rangée intégrée au bandeau : desktop uniquement (en mobile, les
   colonnes Divi stackées + nos overrides écraseraient la mise en page) */
@media (min-width: 981px) {
	/* La section est déplacée dans le slider par theme.js (bt-hero-links)
	   et ancrée en bas — stable face à la hauteur adaptative du slider */
	body.bt-theme .et_pb_section.bt-hero-links {
		position: absolute !important;
		left: 0;
		right: 0;
		bottom: 22px;
		z-index: 50 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}

	/* Pilule « La société » reconstruite par theme.js (le module Divi
	   d'origine ne se peint pas une fois déplacé dans le slider) */
	body.bt-theme .bt-societe-pill {
		display: inline-flex;
		align-items: center;
		gap: 9px;
		background: #ffffff;
		color: var(--bt-color-accent) !important;
		font-size: 16px;
		font-weight: 500;
		padding: 12px 10px 12px 24px;
		border-radius: var(--bt-radius-pill);
		box-shadow: 0 4px 14px rgba(16, 38, 92, 0.22);
		white-space: nowrap;
		transition: transform var(--bt-transition-fast), box-shadow var(--bt-transition-fast);
	}

	body.bt-theme .bt-societe-pill:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 18px rgba(16, 38, 92, 0.3);
	}

	body.bt-theme .bt-societe-pill::after {
		content: "";
		width: 26px;
		height: 26px;
		flex-shrink: 0;
		border-radius: 50%;
		background-color: var(--bt-color-accent);
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8h9M8.5 4.5L12 8l-3.5 3.5'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 58%;
	}

	/* Carrousel réduit à la largeur du menu principal : panneau arrondi */
	body.bt-theme .et_pb_section:has(.bt-hero-links),
	body.bt-theme .et_pb_section:has(+ .et_pb_section .et_pb_blurb.et_clickable.et_pb_bg_layout_dark) {
		width: calc(100% - 2rem) !important;
		max-width: 1720px !important;
		margin: 0 auto !important;
		border-radius: 28px;
		overflow: hidden;
	}

	/* Les 4 liens regroupés en une seule rangée alignée À GAUCHE,
	   tous parfaitement sur la même ligne (paddings Divi neutralisés) */
	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) > .et_pb_row {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start;
		gap: 14px;
		width: 92% !important;
		max-width: 1240px !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) > .et_pb_row > .et_pb_column {
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}

	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_row_inner {
		display: flex !important;
		align-items: center !important;
		gap: 14px;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_column_inner {
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}

	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_button_module_wrapper,
	body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_blurb.et_clickable {
		margin: 0 !important;
	}
}

/* Les animations Divi natives de cette rangée sont capricieuses sans
   scroll (waypoint non déclenché → éléments restés invisibles) :
   on les neutralise, le moteur du thème anime déjà les wrappers */
body.bt-theme .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_animated {
	opacity: 1 !important;
	animation: none !important;
}

/* « La société » : pilule blanche compacte (ressort sur la zone bleu
   nuit du visuel), texte bleu + cercle bleu à flèche blanche */
body.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right {
	background: #ffffff !important;
	background-image: none !important;
	width: fit-content;
	border-radius: var(--bt-radius-pill) !important;
	box-shadow: 0 4px 14px rgba(16, 38, 92, 0.22);
	padding: 0 10px 0 26px !important;
	position: relative;
	z-index: 60;
}

body.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header a {
	color: var(--bt-color-accent) !important;
}

body.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header a::after {
	width: 2em;
	height: 2em;
	background-color: var(--bt-color-accent);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8h9M8.5 4.5L12 8l-3.5 3.5'/%3E%3C/svg%3E");
}

/* Les 3 liens (Portail SIM, ANEPscan, SAV) : pilules fantômes */
body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_button {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1.5px solid var(--bt-color-accent) !important;
	color: var(--bt-color-accent) !important;
}

body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_button::after {
	content: none !important;
}

body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .et_pb_section:has(.et_pb_blurb.et_clickable.et_pb_bg_layout_dark) .et_pb_button:hover {
	background: var(--bt-color-accent) !important;
	color: #ffffff !important;
}

/* Étiquette cliquable du bandeau d'accueil (« La société ») :
   longueur d'origine conservée, mais même apparence que les boutons
   Bitelo — hauteur, typo, arrondi pilule côté droit, cercle-flèche */
.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right {
	border: 0;
	box-shadow: none;
	border-radius: 0 var(--bt-radius-pill) var(--bt-radius-pill) 0 !important;
	min-height: 0 !important;
	height: 48px; /* même hauteur que les boutons pilule */
	padding: 0 40px !important;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header,
.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_blurb_content,
.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_blurb_container {
	margin: 0 !important;
	padding: 0 !important;
}

/* Le line-height Divi du h4 (38px) posait le lien sur sa ligne de base,
   6px sous le centre : le h4 devient flex et centre son contenu */
.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	line-height: 1 !important;
}

/* Le conteneur d'image vide du blurb décalait le texte vers le bas */
.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_main_blurb_image {
	display: none !important;
}

.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header a {
	color: #ffffff;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.2 !important;
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
}

.bt-theme .et_pb_blurb.et_clickable.et_pb_bg_layout_dark.et_pb_text_align_right .et_pb_module_header a::after {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 1.7em;
	height: 1.7em;
	border-radius: 50%;
	background-color: #ffffff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%232868ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8h9M8.5 4.5L12 8l-3.5 3.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 58%;
}

/* ---- Blurb ---- */
.bt-theme .et_pb_blurb {
	background: var(--bt-color-surface);
	border: 1px solid var(--bt-color-border);
	border-radius: var(--bt-radius-lg);
	box-shadow: var(--bt-shadow-sm);
	padding: var(--bt-spacing-lg);
	transition: box-shadow var(--bt-transition-normal), transform var(--bt-transition-normal);
	height: 100%;
}

.bt-theme .et_pb_blurb:hover {
	box-shadow: var(--bt-shadow-md);
	transform: translateY(-4px);
}

.bt-theme .et_pb_blurb .et_pb_main_blurb_image {
	margin-bottom: var(--bt-spacing-md);
}

.bt-theme .et_pb_blurb .et_pb_blurb_container h4,
.bt-theme .et_pb_blurb .et_pb_module_header {
	color: var(--bt-color-heading);
	font-weight: 600;
}

/* Les liens dans les titres de modules héritent la couleur du titre
   (sinon la règle générale des liens rend le texte noir/bleu sur les
   box à fond coloré). Pas de #main-content : les pages fullwidth Divi
   rendent leurs sections en dehors. */
.bt-theme .et_pb_module_header a,
.bt-theme .et_pb_blurb_container h4 a {
	color: inherit !important;
}

/* Icône accent uniquement sur fond clair ; sur les box à fond coloré
   (layout dark), l'icône doit être blanche sinon elle disparaît
   (bleu sur bleu) */
.bt-theme .et_pb_blurb:not(.et_pb_bg_layout_dark) .et-pb-icon {
	color: var(--bt-color-accent);
}

.bt-theme .et_pb_blurb.et_pb_bg_layout_dark .et-pb-icon {
	color: #ffffff !important;
}

.bt-theme .et_pb_blurb .et-pb-icon {
	transition: transform var(--bt-transition-normal);
}

.bt-theme .et_pb_blurb:hover .et-pb-icon {
	transform: scale(1.08);
}

/* Respiration entre une box (blurb) et son étiquette
   « PLUS D'INFORMATIONS » (toggle) qui la suit */
.bt-theme .et_pb_column .et_pb_blurb + .et_pb_toggle {
	margin-top: 14px !important;
}

/* Boxes de l'accueil (blurb suivi d'un toggle) : hauteur uniforme,
   contenu centré verticalement, marge basse neutralisée (certains
   modules portent une marge custom qui fausse l'écart avec l'étiquette) */
.bt-theme .et_pb_blurb:has(+ .et_pb_toggle) {
	min-height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 0 !important;
}

/* Contenu déplié des toggles sous une box foncée (bleue, orange…) :
   texte en blanc pour rester lisible */
.bt-theme .et_pb_blurb.et_pb_bg_layout_dark + .et_pb_toggle .et_pb_toggle_content,
.bt-theme .et_pb_blurb.et_pb_bg_layout_dark + .et_pb_toggle .et_pb_toggle_content p,
.bt-theme .et_pb_blurb.et_pb_bg_layout_dark + .et_pb_toggle .et_pb_toggle_content li {
	color: #ffffff !important;
}

.bt-theme .et_pb_blurb.et_pb_bg_layout_dark + .et_pb_toggle .et_pb_toggle_content a {
	color: #ffffff !important;
	text-decoration: underline;
}

/* ---- Toggles / accordéons (style Accordion Bitelo) ---- */
.bt-theme .et_pb_toggle {
	background: var(--bt-color-surface);
	border: 1px solid var(--bt-color-border) !important;
	border-radius: var(--bt-radius-md);
	overflow: hidden;
	margin-bottom: var(--bt-spacing-sm);
	transition: box-shadow var(--bt-transition-fast);
}

.bt-theme .et_pb_toggle:hover {
	box-shadow: var(--bt-shadow-sm);
}

.bt-theme .et_pb_toggle .et_pb_toggle_title {
	color: var(--bt-color-heading);
	font-weight: 500;
	font-size: var(--bt-font-size-base) !important;
	padding: var(--bt-spacing-md) var(--bt-spacing-lg);
	cursor: pointer;
	transition: color var(--bt-transition-fast);
}

.bt-theme .et_pb_toggle .et_pb_toggle_title:hover,
.bt-theme .et_pb_toggle_open .et_pb_toggle_title {
	color: var(--bt-color-accent);
}

.bt-theme .et_pb_toggle .et_pb_toggle_content {
	padding: 0 var(--bt-spacing-lg) var(--bt-spacing-md);
}

/* ---- Onglets Divi (soulignement accent, comme .nav-tabs Bitelo) ---- */
.bt-theme .et_pb_tabs {
	border: 1px solid var(--bt-color-border);
	border-radius: var(--bt-radius-lg);
	overflow: hidden;
	box-shadow: var(--bt-shadow-sm);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls {
	background: var(--bt-color-surface-grey);
	border-bottom: 1px solid var(--bt-color-border);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls li {
	border-right: 1px solid var(--bt-color-border);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls li a {
	color: var(--bt-color-text-muted);
	font-weight: 500;
	position: relative;
	transition: color var(--bt-transition-fast);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active {
	background: var(--bt-color-surface);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
	color: var(--bt-color-accent);
}

.bt-theme .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--bt-color-accent);
}

/* ---- Sliders ---- */
.bt-theme .et_pb_slider {
	border-radius: var(--bt-radius-lg);
	overflow: hidden;
}

/* Points de pagination : style natif d'Extra conservé (blancs) —
   les colorer en bleu faisait apparaître un point isolé sur les
   sliders à fond clair (bandeau d'accueil) */
.bt-theme .et_pb_slider .et-pb-controllers a {
	border-radius: var(--bt-radius-pill);
	transition: background-color var(--bt-transition-fast);
}

.bt-theme .et_pb_slider .et-pb-slider-arrows a {
	background: rgba(43, 43, 43, 0.45);
	border-radius: var(--bt-radius-pill);
	transition: background-color var(--bt-transition-fast);
}

.bt-theme .et_pb_slider .et-pb-slider-arrows a:hover {
	background: var(--bt-color-accent);
}

.bt-theme .et-featured-posts-slider-module {
	border-radius: var(--bt-radius-lg);
	overflow: hidden;
}

/* ---- Fullwidth header ---- */
.bt-theme .et_pb_fullwidth_header .header-content h1,
.bt-theme .et_pb_fullwidth_header .et_pb_fullwidth_header_title {
	letter-spacing: -0.02em;
	font-weight: 600;
}

/* ---- Post title ---- */
.bt-theme .et_pb_post_title .entry-title {
	color: var(--bt-color-heading);
}

/* ---- Module image ----
   Rayon généreux (28px) pour rester perceptible sur les grandes
   images pleine largeur (cartes équipes, visuels produits) */
.bt-theme .et_pb_image {
	border-radius: var(--bt-radius-xl) !important;
	overflow: hidden;
}

.bt-theme .et_pb_image .et_pb_image_wrap,
.bt-theme .et_pb_image img {
	border-radius: var(--bt-radius-xl) !important;
	display: block;
	transition: transform var(--bt-transition-slow);
}

/* ---- Icônes (modules Icône Divi, ex. en-têtes « Documentation ») ----
   Taille alignée sur la hauteur de ligne des titres h3 adjacents,
   pour un duo icône + titre équilibré comme dans l'ancien design */
.bt-theme .et_pb_icon .et-pb-icon {
	color: var(--bt-color-accent);
	font-size: 40px !important;
	line-height: 1;
	vertical-align: middle;
	transform: translateY(16px);
}

/* ---- Galeries ---- */
.bt-theme .wp-block-gallery img,
.bt-theme .gallery-item img {
	border-radius: var(--bt-radius-md);
}

/* ---- Vidéos (modules Divi) ----
   Les rangées qui contiennent des vidéos s'élargissent pour que les
   vignettes soient à une taille confortable ; chaque vidéo devient une
   carte arrondie avec ombre et survol léger, cohérente avec le reste. */
body.bt-theme #page-container .et_pb_row:has(.et_pb_video) {
	max-width: 1400px !important;
	width: 92% !important;
}

.bt-theme .et_pb_video {
	border-radius: var(--bt-radius-lg);
	overflow: hidden;
	box-shadow: var(--bt-shadow-md);
	transition: box-shadow var(--bt-transition-normal), transform var(--bt-transition-normal);
}

.bt-theme .et_pb_video:hover {
	box-shadow: var(--bt-shadow-lg);
	transform: translateY(-4px);
}

.bt-theme .et_pb_video .et_pb_video_box {
	border-radius: inherit;
	overflow: hidden;
}

/* ---- Compteurs ---- */
.bt-theme .et_pb_number_counter .percent,
.bt-theme .et_pb_circle_counter .percent {
	color: var(--bt-color-accent);
}

.bt-theme .et_pb_divider {
	border-top-color: var(--bt-color-border);
}

/* ---- Page « Anciennes gammes » (175) : les box grises deviennent des
   cartes blanches du design system, étiquettes assorties ---- */
body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_blurb {
	background-color: #ffffff !important;
	background-image: none !important;
	border: 1px solid var(--bt-color-border) !important;
	border-radius: var(--bt-radius-lg) !important;
	box-shadow: var(--bt-shadow-sm);
}

body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_blurb .et_pb_module_header,
body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_blurb .et_pb_module_header a,
body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_blurb h4 {
	color: var(--bt-color-heading) !important;
	font-size: 15px !important;
	letter-spacing: 0.02em;
}

body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_blurb .et-pb-icon {
	color: var(--bt-color-accent) !important;
}

body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_toggle {
	background-color: #ffffff !important;
	background-image: none !important;
	border: 1px solid var(--bt-color-border) !important;
	border-radius: var(--bt-radius-md) !important;
}

body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_toggle .et_pb_toggle_title {
	color: var(--bt-color-heading) !important;
}

body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_toggle .et_pb_toggle_title:hover,
body.bt-theme.bt-theme.bt-theme.page-id-175 #page-container .et_pb_toggle_open .et_pb_toggle_title {
	color: var(--bt-color-accent) !important;
}

/* ---- Plan de site (template sitemap d'Extra) ----
   Liens en pastilles Bitelo, hiérarchie regroupée par sections. */
.bt-theme .sitemap-box {
	padding: var(--bt-spacing-xl);
}

.bt-theme .sitemap-content h2 {
	font-size: 1.6rem;
	display: inline-block;
	padding-bottom: 0.4rem;
	border-bottom: 3px solid var(--bt-color-accent);
	margin-bottom: var(--bt-spacing-lg);
}

.bt-theme .sitemap-box .sections ul {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--bt-spacing-lg);
}

.bt-theme .sitemap-box .sections li::before {
	content: none !important;
}

/* Étiquette de section (« pages », « catégories »…) */
.bt-theme .sitemap-box .sections li:not([class]) {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: var(--bt-font-size-xs);
	font-weight: 700;
	color: var(--bt-color-accent);
	margin: 0 0 var(--bt-spacing-md);
}

/* Liens en pastilles — le #main-content est nécessaire pour battre la
   couleur générale des liens de contenu (sinon : texte bleu sur fond
   bleu au survol, illisible) */
.bt-theme #main-content .sitemap-box .sections li a {
	display: inline-block;
	background: var(--bt-color-surface);
	border: 1px solid var(--bt-color-border-strong);
	border-radius: var(--bt-radius-pill);
	padding: 0.4rem 1.1rem;
	margin: 0 0.35rem 0.55rem 0;
	color: var(--bt-color-text);
	font-size: var(--bt-font-size-sm);
	font-weight: 500;
	transition: background-color var(--bt-transition-fast), color var(--bt-transition-fast),
		border-color var(--bt-transition-fast);
}

.bt-theme #main-content .sitemap-box .sections li a:hover {
	background: var(--bt-color-accent);
	border-color: var(--bt-color-accent);
	color: #ffffff !important;
}

/* Pages simples : pastilles côte à côte ; pages avec enfants : bloc */
.bt-theme .sitemap-box .sections li.page_item,
.bt-theme .sitemap-box .sections li.cat-item {
	display: inline;
}

.bt-theme .sitemap-box .sections li.page_item_has_children,
.bt-theme .sitemap-box .sections li.cat-item.current-cat-parent {
	display: block;
}

/* Sous-pages : pastilles plus douces, indentées sous leur parent */
.bt-theme .sitemap-box .sections ul.children {
	display: block;
	margin: 0.15rem 0 0.9rem 0.6rem;
	padding: 0.2rem 0 0.1rem 1.1rem;
	border-left: 2px solid var(--bt-color-border);
}

.bt-theme #main-content .sitemap-box .sections ul.children li a {
	background: var(--bt-color-surface-alt);
	border-color: transparent;
	font-size: var(--bt-font-size-xs);
	padding: 0.3rem 0.85rem;
}

.bt-theme #main-content .sitemap-box .sections ul.children li a:hover {
	background: var(--bt-color-accent);
	color: #ffffff !important;
}

/* ---- Bandeau CTA (classe posée par theme.js) ----
   Bande bleue pilule à la largeur du menu principal : texte à gauche,
   bouton blanc inversé à droite. */
body.bt-theme .et_pb_row.bt-cta-bande {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	width: calc(100% - 2rem) !important;
	max-width: 1720px !important;
	margin: 0 auto !important;
	background: var(--bt-color-accent);
	border-radius: var(--bt-radius-pill);
	padding: 20px 18px 20px 44px !important;
}

body.bt-theme .bt-cta-bande .bt-cta-texte {
	color: #ffffff;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

body.bt-theme .bt-cta-bande .et_pb_column {
	width: auto !important;
	margin: 0 0 0 auto !important; /* pousse le bouton au bord droit */
	float: none !important;
	display: flex;
	justify-content: flex-end;
}

body.bt-theme .bt-cta-bande .et_pb_button_module_wrapper {
	margin: 0 !important;
	text-align: right !important;
}

/* Bouton inversé : blanc, texte bleu, cercle bleu à flèche blanche */
body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .bt-cta-bande .et_pb_button {
	background: #ffffff !important;
	color: var(--bt-color-accent) !important;
	border-color: #ffffff !important;
}

body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .bt-cta-bande .et_pb_button::after {
	background-color: var(--bt-color-accent) !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8h9M8.5 4.5L12 8l-3.5 3.5'/%3E%3C/svg%3E") !important;
}

body.bt-theme.bt-theme.bt-theme.bt-theme #page-container .bt-cta-bande .et_pb_button:hover {
	background: var(--bt-color-surface-alt) !important;
	color: var(--bt-color-accent-dark) !important;
	border-color: var(--bt-color-surface-alt) !important;
}

/* ---- Accueil : espacements verticaux resserrés ----
   Les rangées Divi portent 32px de padding haut/bas et les sections
   jusqu'à 83px : beaucoup de blanc cumulé entre les blocs. */
body.bt-theme.page-id-8711 .et_pb_row:not(.bt-cta-bande),
body.bt-theme.page-id-8716 .et_pb_row:not(.bt-cta-bande) {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

body.bt-theme.page-id-8711 .et_pb_section:not(.et_pb_fullwidth_section):not(.bt-hero-links),
body.bt-theme.page-id-8716 .et_pb_section:not(.et_pb_fullwidth_section):not(.bt-hero-links) {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

/* Les grands titres de section gardent un rythme serré */
body.bt-theme.page-id-8711 .et_pb_text h1,
body.bt-theme.page-id-8711 .et_pb_text h2,
body.bt-theme.page-id-8716 .et_pb_text h1,
body.bt-theme.page-id-8716 .et_pb_text h2 {
	margin-bottom: 10px;
}

/* ---- Logo slider (gs-logo-slider) — effet logo-partner Bitelo ---- */
.bt-theme .gs_logo_area {
	background: var(--bt-color-surface);
	border-radius: var(--bt-radius-lg);
}

/* Logos partenaires : couleurs d'origine (l'effet gris façon Bitelo
   a été retiré à la demande du client) */
.bt-theme .gs_logo_single img {
	filter: none;
	opacity: 1;
	transition: transform var(--bt-transition-fast);
}

.bt-theme .gs_logo_single:hover img {
	transform: translateY(-2px);
}