/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Polices — fichiers dans la médiathèque (wp-content/uploads/2026/10/) */
@font-face {
	font-family: 'Switzer';
	src: url('../../uploads/2026/10/Switzer-Regular.woff2') format('woff2'),
	     url('../../uploads/2026/10/Switzer-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Switzer';
	src: url('../../uploads/2026/10/Switzer-Bold.woff2') format('woff2'),
	     url('../../uploads/2026/10/Switzer-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Variables — couleurs = palette globale Brizy (style « Overpass », color1 à color4) */
:root {
	--font-switzer: 'Switzer', sans-serif;
	--font-weight-regular: 400;
	--font-weight-bold: 700;

	--color-1: #44FF5A;
	--color-2: #00203B;
	--color-3: #305CC2;
	--color-4: #FDFBFB;
}

/* Menu header (desktop + menu mobile) */

#header {
	z-index: 200!important;
}
.ct-header .menu .ct-menu-link,
#offcanvas .mobile-menu a {
	font-family: var(--font-switzer);
	font-weight: var(--font-weight-regular);
}

/* Bouton « btn-daleko » — reprend le bouton Brizy de l'accueil (« En savoir plus ») :
   menu header, bouton « Contactez-nous » du footer, bouton « Envoyer » du formulaire de contact */
#header .menu .btn-daleko > .ct-menu-link,
#offcanvas .mobile-menu .btn-daleko > .ct-menu-link,
.fw-footer .fw-footer__btn,
.daleko-real .daleko-real__btn,
#gform_wrapper_1 .gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	height: auto;
	padding: 7px 18px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--color-4);
	background-color: var(--color-3);
	border: 3px solid var(--color-3);
	border-radius: 100px;
	box-shadow: 1px 4px 7px -2px rgba(0, 0, 0, 0.6);
	transition-duration: 0.5s;
	transition-property: filter, color, background, border-color, box-shadow;
}

#header .menu .btn-daleko > .ct-menu-link:hover,
#offcanvas .mobile-menu .btn-daleko > .ct-menu-link:hover,
.fw-footer .fw-footer__btn:hover,
.daleko-real .daleko-real__btn:hover,
#gform_wrapper_1 .gform_footer .gform_button:hover {
	color: var(--color-3);
	background-color: transparent;
	border-color: var(--color-3);
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.31);
}

#offcanvas .mobile-menu .btn-daleko > .ct-menu-link {
	width: fit-content;
	margin-top: 10px;
	padding: 10px 26px;
}

/* Bandeau défilant — shortcode [bandeau_defilant] (shortcodes/bandeau-defilant.php) */
/* Pleine largeur : sort du conteneur (Brizy ou Blocksy) pour coller aux bords de l'écran */
.daleko-bandeau {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	overflow: hidden;
}

/* 100vw inclut la barre de défilement sous Windows : évite le scroll horizontal (clip ne casse pas le sticky) */
body {
	overflow-x: clip;
}

.daleko-bandeau__piste {
	display: flex;
	width: max-content;
	animation: daleko-bandeau-defile var(--daleko-bandeau-duree, 30s) linear infinite;
	will-change: transform;
}

.daleko-bandeau__image {
	display: block;
	flex-shrink: 0;
	width: auto;
	max-width: none;
	height: var(--daleko-bandeau-hauteur, 160px);
	margin-right: var(--daleko-bandeau-espacement, 40px); /* chaque copie porte son espace : la boucle reste sans saut */
}

/* La piste avance d'une image puis repart : la copie suivante a pris sa place, aucun saut */
@keyframes daleko-bandeau-defile {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(-100% / var(--daleko-bandeau-copies, 3))); }
}

@media (prefers-reduced-motion: reduce) {
	.daleko-bandeau__piste {
		animation: none;
	}
}

/* Bordure verte — classe Brizy « custom-border » : la bordure va sur le fond de l'élément
   (.brz-bg) et en reprend l'arrondi réglé dans Brizy. Bordure fine en dégradé vert
   (vive en haut à gauche, s'estompe, reprend en bas à droite), reflet intérieur en haut,
   ombre douce avec halo vert ; la bordure et le halo s'intensifient au survol */
.brz .custom-border > .brz-bg {
	border-radius: inherit;
}
.brz .custom-border > .brz-bg > .brz-bg-color {
	border-radius: inherit;
	box-shadow:
		inset 0 1px 0 rgba(253, 251, 251, 0.20),
		0 18px 36px -20px rgba(0, 10, 25, 0.70),
		0 0 24px -10px rgba(68, 255, 90, 0.35);
	transition: box-shadow 0.4s;
}
.brz .custom-border > .brz-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	padding: 1.5px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(68, 255, 90, 0.95) 0%, rgba(68, 255, 90, 0.45) 35%, rgba(68, 255, 90, 0.15) 65%, rgba(68, 255, 90, 0.55) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	opacity: 0.85;
	transition: opacity 0.4s;
	pointer-events: none;
}
.brz .custom-border:hover > .brz-bg::after {
	opacity: 1;
}
.brz .custom-border:hover > .brz-bg > .brz-bg-color {
	box-shadow:
		inset 0 1px 0 rgba(253, 251, 251, 0.25),
		0 18px 36px -20px rgba(0, 10, 25, 0.70),
		0 0 30px -8px rgba(68, 255, 90, 0.50);
}

/* Variante verre — classe Brizy « custom-border-2 » (cartes sur fond foncé) :
   bordure fine en dégradé blanc (nette en haut à gauche, s'estompe, reprend en bas à droite),
   reflet intérieur en haut, ombre douce ; la bordure s'éclaire au survol */
.brz .custom-border-2 > .brz-bg {
	border-radius: inherit;
}
.brz .custom-border-2 > .brz-bg > .brz-bg-color {
	border-radius: inherit;
	box-shadow:
		inset 0 1px 0 rgba(253, 251, 251, 0.18),
		0 24px 40px -24px rgba(0, 10, 25, 0.65);
}
.brz .custom-border-2 > .brz-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(253, 251, 251, 0.70) 0%, rgba(253, 251, 251, 0.25) 35%, rgba(253, 251, 251, 0.10) 65%, rgba(253, 251, 251, 0.35) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	opacity: 0.8;
	transition: opacity 0.4s;
	pointer-events: none;
}
.brz .custom-border-2:hover > .brz-bg::after {
	opacity: 1;
}

/* Boutons Brizy en tablette et mobile : le texte passe à la ligne au lieu de sortir du bloc */
@media (max-width: 991px) {
	.brz .brz-btn:not(.no-text-btn) {
		max-width: 100%;
		white-space: normal;
		text-align: center;
	}
	.brz .brz-btn:not(.no-text-btn) .brz-text__editor {
		white-space: normal;
		overflow-wrap: break-word;
	}
}

/* Groupe de boutons Brizy « btn-list-mobile » : en mobile, un bouton par ligne, tous de la
   largeur de la carte, écart réduit ; le bouton « + » (no-text-btn) reste rond, centré dessous */
@media (max-width: 767px) {
	.brz .brz-wrapper-clone.btn-list-mobile {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	.brz .btn-list-mobile > .brz-btn {
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}
	.brz .brz-wrapper-clone.btn-list-mobile > .brz-btn.no-text-btn {
		align-self: center;
		margin-left: 0;
	}
}

/* Page « Nos secteurs » (page-id-106) : en mobile, même traitement que btn-list-mobile —
   un bouton par ligne, pleine largeur de la carte, écart réduit */
@media (max-width: 767px) {
	.page-id-106 .brz .brz-wrapper-clone {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	.page-id-106 .brz .brz-wrapper-clone > .brz-btn {
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}
	.page-id-106 .brz .brz-wrapper-clone > .brz-btn.no-text-btn {
		align-self: center;
	}
}

/* Cartes « Nos expertises industrielles » (colonnes custom-border-2) : en mobile, « + » centré */
@media (max-width: 767px) {
	.brz .custom-border-2 .brz-wrapper-clone > .brz-btn.no-text-btn {
		margin-left: auto;
		margin-right: auto;
	}
}

/* Bouton icône seule (classe Brizy « no-text-btn ») : rond, icône centrée, calé à droite */
.brz .brz-btn.no-text-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: 14px;
	aspect-ratio: 1;
	border-radius: 50%;
}

.brz .brz-btn.no-text-btn .brz-text__editor {
	display: none;
}

.brz .brz-btn.no-text-btn .brz-icon-svg {
	margin: 0;
}

/* Secteurs d'activité (shortcode [secteurs_activite]) : un mot à la fois, en fondu */
.daleko-secteurs {
	display: grid;
	place-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	font-size: clamp(40px, 9vw, 180px);
	line-height: 1;
	text-align: center;
	color: rgb(var(--brz-global-color1, 68, 255, 90));
}

/* Tous les mots dans la même case : le bloc prend la taille du plus long */
.daleko-secteurs__mot {
	grid-area: 1 / 1;
	text-align: center;
	white-space: nowrap;
	opacity: 0;
	animation: daleko-secteurs-fondu var(--daleko-secteurs-duree, 18s) linear infinite backwards;
}

/* Pour 6 mots × 3 s = 18 s : fondu 0,6 s (3,333 %), affiché 1,8 s, fondu 0,6 s */
@keyframes daleko-secteurs-fondu {
	0%      { opacity: 0; }
	3.333%  { opacity: 1; }
	13.333% { opacity: 1; }
	16.667% { opacity: 0; }
	100%    { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.daleko-secteurs__mot {
		animation: none;
	}

	.daleko-secteurs__mot:first-child {
		opacity: 1;
	}
}

/* Footer (footer.php) — police Switzer, fond Footer-scaled.webp (médiathèque) */
.fw-footer {
	padding: 75px 0 30px;
	font-family: var(--font-switzer);
	font-weight: var(--font-weight-regular);
	color: var(--color-4);
	background: var(--color-2) url('../../uploads/2026/10/Footer-scaled.webp') center / cover no-repeat;
}

.fw-footer a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.fw-footer a:hover {
	color: var(--color-1);
}

.fw-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fw-footer__main {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding-bottom: 40px;
}

/* Logo + carte contact */
.fw-footer__brand {
	flex: 0 0 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
}

.fw-footer__logo {
	color: var(--color-4) !important;
}

.fw-footer__logo svg {
	display: block;
	width: 100%;
	height: auto;
}

.fw-footer__contact {
	padding: 16px 18px;
	border-radius: 16px;
	background: rgba(253, 251, 251, 0.85);
	color: var(--color-3);
}

.fw-footer__contact-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 12px;
}

.fw-footer__linkedin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	color: var(--color-3) !important;
}

.fw-footer__tel {
	display: block;
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	line-height: 1.2;
	color: var(--color-3) !important;
}

.fw-footer__adresse {
	margin: 0;
	font-size: 15px;
	white-space: nowrap;
}

/* Colonnes de liens */
/* Nav sur ~60 % du container (comme la maquette), colonnes réparties */
.fw-footer__nav {
	display: flex;
	flex: 0 1 62%;
	justify-content: space-between;
	gap: 40px;
}

.fw-footer__titre {
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: var(--font-weight-bold);
}

.fw-footer__col li + li {
	margin-top: 14px;
}

.fw-footer__col li a {
	font-size: 16px;
}

/* Bordures vertes verticales (color-1 à 50 %) */
.fw-footer__col--bordure,
.fw-footer .fw-footer__liens {
	padding-left: 40px;
	border-left: 1px solid rgba(68, 255, 90, 0.50);
}

.fw-footer__liens li + li {
	margin-top: 0;
}

.fw-footer__liens li a {
	display: block;
	padding: 12px 0;
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	border-bottom: 1px solid rgba(68, 255, 90, 0.50);
}

.fw-footer__liens li:first-child a {
	padding-top: 0;
}

.fw-footer__liens li:last-child a {
	border-bottom: 0;
}

/* Barre du bas */
.fw-footer__bas {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	padding-top: 20px;
	border-top: 1px solid rgba(253, 251, 251, 0.25);
	font-size: 14px;
}

.fw-footer__cactus {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

@media (max-width: 1000px) {
	.fw-footer__main,
	.fw-footer__nav {
		flex-direction: column;
	}

	.fw-footer__col--bordure,
	.fw-footer .fw-footer__liens {
		padding-left: 0;
		padding-top: 20px;
		border-left: 0;
		border-top: 1px solid rgba(68, 255, 90, 0.50);
	}

	.fw-footer {
		padding-top: 60px;
	}

	.fw-footer__main,
	.fw-footer__nav {
		gap: 20px;
	}

	/* La dernière colonne est en bas : son dernier lien fait la marge avant la barre du bas */
	.fw-footer__main {
		padding-bottom: 0;
	}

	/* En colonne, la base de 300px deviendrait une hauteur : on la retire */
	.fw-footer__brand {
		flex: none;
		max-width: 300px;
		align-items: flex-start;
		gap: 20px;
	}

	.fw-footer__titre {
		margin-bottom: 10px;
	}

	.fw-footer__col li + li {
		margin-top: 6px;
	}

	/* Même marge au-dessus et au-dessous de chaque lien, traits compris */
	.fw-footer .fw-footer__liens {
		padding-top: 0;
	}

	.fw-footer__liens li a,
	.fw-footer__liens li:first-child a {
		padding: 16px 0;
	}
}

/* Footer tablette : logo et carte côte à côte, expertises | secteurs sur 2 colonnes,
   liens en dessous sur toute la largeur */
@media (min-width: 690px) and (max-width: 1000px) {
	.fw-footer__brand {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		max-width: none;
	}

	.fw-footer__logo svg {
		width: 220px;
	}

	.fw-footer__nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

	.fw-footer__col--bordure {
		padding-top: 0;
		padding-left: 30px;
		border-top: 0;
		border-left: 1px solid rgba(68, 255, 90, 0.50);
	}

	/* Liens principaux sur une ligne, entre deux traits */
	.fw-footer .fw-footer__liens {
		grid-column: 1 / -1;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px 20px;
		padding: 20px 0;
	}

	.fw-footer .fw-footer__liens li {
		margin-top: 0;
	}

	.fw-footer__liens li a,
	.fw-footer__liens li:first-child a {
		padding: 0;
		border-bottom: 0;
	}
}

/* Footer mobile */
@media (max-width: 689px) {
	.fw-footer {
		padding-top: 40px;
	}
}

/* Frise chronologique — shortcode [frise_chronologique] (shortcodes/frise-chronologique.php)
   Ligne verte horizontale, année en pastille sur la ligne, carte de texte dessous.
   3 cartes dans le container, la 4e déborde à droite jusqu'au bord de l'écran. */
.daleko-frise {
	--frise-ligne: 22px; /* Hauteur de la ligne = milieu de la pastille année */
	--frise-debord: calc((100vw - 100%) / 2); /* Du bord du container au bord de l'écran */
	position: relative;
	padding-left: 60px;
	font-family: var(--font-switzer);
}

.daleko-frise::before {
	content: '';
	position: absolute;
	top: var(--frise-ligne);
	left: calc(-1 * var(--frise-debord)); /* D'un bord de l'écran à l'autre */
	right: calc(-1 * var(--frise-debord));
	height: 3px;
	background: var(--color-1);
	transform: translateY(-50%);
}

/* Brizy place le shortcode dans un wrapper flex centré : sans ça, la frise
   ne prend que la largeur de son contenu au lieu de celle du container */
.brz .brz-wp-shortcode:has(.daleko-frise),
.brz .brz-wp-shortcode:has(.daleko-frise) > div {
	width: 100%;
}

/* Sans Slick : défilement horizontal natif */
.daleko-frise__piste {
	display: flex;
	gap: 30px;
	overflow-x: auto;
}

.daleko-frise__piste.slick-initialized {
	display: block;
	overflow: visible;
}

/* Brizy passe .slick-track en flex : la base de 300px écraserait la largeur calculée par Slick */
.daleko-frise__piste.slick-initialized .daleko-frise__etape {
	flex: none;
}

.daleko-frise__piste .slick-list {
	overflow: visible;
	clip-path: inset(-20px -100vw -40px 0); /* Coupé à gauche, libre à droite (et l'ombre des cartes) */
}

.daleko-frise__etape {
	display: flex !important; /* Slick force display:block sur les slides */
	flex: 0 0 300px;
	flex-direction: column;
	align-items: center;
	padding-right: 30px;
}

.daleko-frise__annee {
	position: relative;
	padding: 2px 16px;
	border-radius: 8px;
	background: var(--color-1);
	color: var(--color-2);
	font-family: 'Rajdhani', sans-serif;
	font-size: 34px;
	font-weight: 500;
	line-height: 40px;
}

.daleko-frise__carte {
	width: 100%;
	margin-top: -6px; /* La pastille chevauche le haut de la carte */
	padding: 26px 24px 20px;
	border-radius: 14px;
	background: var(--color-4);
	box-shadow: 0 6px 20px rgba(0, 32, 59, 0.12);
	color: var(--color-2);
	font-size: 14px;
	line-height: 1.5;
}

.daleko-frise__carte p {
	margin: 0;
}

.daleko-frise__carte p + p {
	margin-top: 12px;
}

.daleko-frise__carte strong {
	font-weight: var(--font-weight-bold);
}

/* Flèches rondes, centrées sur la ligne */
.daleko-frise__fleche {
	position: absolute;
	top: var(--frise-ligne);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--color-4);
	color: var(--color-3);
	box-shadow: 0 2px 8px rgba(0, 32, 59, 0.20);
	cursor: pointer;
	transform: translateY(-50%);
	transition: opacity 0.3s, background 0.3s, color 0.3s;
}

.daleko-frise__fleche:hover {
	background: var(--color-3);
	color: var(--color-4);
}

.daleko-frise__fleche--prev {
	left: 0;
}

/* Calée sur le bord droit du container, pas de l'écran */
.daleko-frise__fleche--next {
	right: 0;
}

.daleko-frise__fleche.slick-disabled {
	opacity: 0.4;
	pointer-events: none;
}

@media (max-width: 689px) {
	.daleko-frise {
		padding-left: 0;
		padding-top: 50px;
		--frise-ligne: 72px;
	}

	/* Mobile : flèches au-dessus de la frise, côte à côte */
	.daleko-frise__fleche {
		top: 0;
		transform: none;
	}

	.daleko-frise__fleche--prev {
		left: 0;
	}

	.daleko-frise__fleche--next {
		left: 46px;
		right: auto;
	}

	.daleko-frise__etape {
		padding-right: 16px;
	}
}

/* Équipe — shortcode [equipe] (shortcodes/equipe.php + scripts/equipe.js)
   Titre « Notre équipe <mot> » entre deux flèches, grille de photos.
   Fond de section géré dans Brizy (TEAM-BACKGROUND.webp). */
.brz .brz-wp-shortcode:has(.daleko-equipe),
.brz .brz-wp-shortcode:has(.daleko-equipe) > div {
	width: 100%;
}

.daleko-equipe {
	color: var(--color-4);
	font-family: var(--font-switzer);
}

/* Flèches à position fixe (le titre change de largeur selon le mot) */
.daleko-equipe__entete {
	display: grid;
	grid-template-columns: auto minmax(0, 700px) auto;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
}

.daleko-equipe .daleko-equipe__titre {
	margin: 0; /* Blocksy / Brizy ajoutent une marge aux h2 : décentrerait le titre */
	padding: 0;
	white-space: nowrap;
	font-family: 'Rajdhani', sans-serif;
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	color: var(--color-4);
}

.daleko-equipe__mot {
	display: inline-block;
	color: var(--color-1);
}

/* Flèches : même style que la frise */
.daleko-equipe__fleche {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--color-4);
	color: var(--color-3);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	transition: background 0.3s, color 0.3s;
}

.daleko-equipe__fleche:hover {
	background: var(--color-3);
	color: var(--color-4);
}

/* Changement d'équipe (classes posées par le JS) :
   - le mot sort vers le haut en se floutant, le nouveau arrive par le bas
     (sens inverse avec la flèche ←, via --equipe-sens = 1 ou -1)
   - le contenu fait un fondu, la hauteur s'anime */
.daleko-equipe__mot {
	transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.3s ease;
}

.daleko-equipe.is-sortie .daleko-equipe__mot {
	opacity: 0;
	transform: translateY(calc(-0.4em * var(--equipe-sens, 1)));
	filter: blur(6px);
}

/* Position de départ du nouveau mot, posée sans transition */
.daleko-equipe.is-entree .daleko-equipe__mot {
	opacity: 0;
	transform: translateY(calc(0.4em * var(--equipe-sens, 1)));
	filter: blur(6px);
	transition: none;
}

.daleko-equipe__scene {
	overflow: hidden;
	transition: opacity 0.3s ease, height 0.3s ease;
}

.daleko-equipe.is-sortie .daleko-equipe__scene {
	opacity: 0;
}

/* Grille : 4 par ligne, lignes incomplètes centrées */
.daleko-equipe__membres {
	--equipe-gap: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 35px var(--equipe-gap); /* 35px vertical : l'étiquette dépasse de 20px sous la photo */
	margin: 0;
	padding: 0 0 40px; /* Place pour l'étiquette qui dépasse sous la dernière ligne */
	list-style: none;
}

.daleko-equipe .daleko-equipe__membre {
	display: grid; /* Photo et étiquette dans la même case : l'étiquette suit la photo */
	width: calc((100% - 3 * var(--equipe-gap)) / 4);
	margin: 0; /* Blocksy retire la marge du dernier li : on n'en met aucune, le gap espace */
	padding: 0;
}

.daleko-equipe__membre > * {
	grid-area: 1 / 1;
}

.daleko-equipe__photo {
	display: block;
	width: 100%;
	aspect-ratio: 171 / 131;
	object-fit: cover;
}

.daleko-equipe__photo--vide {
	background: rgba(253, 251, 251, 0.15);
}

/* Étiquette nom / poste : en bas à droite, dépasse de 20px sous la photo */
.daleko-equipe__etiquette {
	align-self: end;
	justify-self: end;
	max-width: calc(100% - 20px);
	transform: translateY(20px);
	padding: 6px 10px;
	border: 1px solid rgba(68, 255, 90, 0.50);
	border-radius: 16px;
	background: linear-gradient(256deg, rgba(68, 255, 90, 0.20) 24.14%, rgba(68, 255, 90, 0.50) 78.8%);
	box-shadow:
		-63px -44px 22px 0 rgba(0, 0, 0, 0.00),
		-41px -28px 20px 0 rgba(0, 0, 0, 0.01),
		-23px -16px 17px 0 rgba(0, 0, 0, 0.05),
		-10px -7px 12px 0 rgba(0, 0, 0, 0.09),
		-3px -2px 7px 0 rgba(0, 0, 0, 0.10);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	font-size: 16px;
	line-height: 1.35;
	text-align: right;
	color: var(--color-4);
}

.daleko-equipe__etiquette strong {
	display: block;
	font-weight: var(--font-weight-bold);
}

/* Étiquettes chiffres (équipe technique) */
.daleko-equipe__chiffres {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 10px 0 30px;
	padding: 0;
	list-style: none;
}

.daleko-equipe__chiffres li {
	padding: 6px 10px;
	border: 1px solid var(--color-1);
	background: rgba(68, 255, 90, 0.35);
	font-size: 13px;
}

@media (max-width: 1000px) {
	.daleko-equipe .daleko-equipe__membre {
		width: calc((100% - var(--equipe-gap)) / 2);
	}
}

@media (max-width: 689px) {
	.daleko-equipe__entete {
		gap: 10px;
	}

	.daleko-equipe .daleko-equipe__titre {
		white-space: normal; /* Mobile : « Notre équipe » / mot sur deux lignes */
	}

	.daleko-equipe__fleche {
		width: 34px;
		height: 34px;
	}

	/* 2 photos par ligne : 16px ferait déborder les noms longs */
	.daleko-equipe__etiquette {
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.daleko-equipe__mot,
	.daleko-equipe__scene {
		transition: none;
	}
}

/* Liste « technique » (code embed Brizy, page L'entreprise) : étiquettes encadrées */
ul.technique {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.technique li {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid var(--color-2);
	border-radius: 6px;
	font-family: var(--font-switzer);
	font-size: 16px;
	white-space: nowrap;
	line-height: 1.3;
	color: var(--color-2);
}

/* Classe Brizy « 2_COL_TAB » sur des colonnes : côte à côte en tablette (768–991px,
   breakpoints Brizy) au lieu d'être empilées. Chaque colonne est seule dans sa rangée :
   on place donc les rangées qui les contiennent à 50 %, le reste garde toute la largeur.
   Classe commençant par un chiffre → sélecteur [class~=] */
@media (min-width: 768px) and (max-width: 991px) {
	.brz .brz-column__items:has(> .brz-row__container [class~="2_COL_TAB"]) {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		column-gap: 20px;
	}

	.brz .brz-column__items:has(> .brz-row__container [class~="2_COL_TAB"]) > * {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.brz .brz-column__items:has(> .brz-row__container [class~="2_COL_TAB"]) > .brz-row__container:has([class~="2_COL_TAB"]) {
		display: flex;
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}

	/* La rangée et la carte remplissent toute leur moitié (même hauteur des deux côtés) */
	.brz .brz-row__container:has(> .brz-row > [class~="2_COL_TAB"]) > .brz-row {
		flex: 1;
		width: 100%;
	}

	.brz .brz-columns[class~="2_COL_TAB"] {
		flex: 1 1 100%;
		max-width: 100%;
	}
}


/* Formulaire de contact (Gravity Forms, ID 1) — champs blancs arrondis sans bordure,
   bouton « Envoyer » centré (style btn-daleko, voir plus haut) */
#gform_wrapper_1 .gform_fields {
	column-gap: 22px;
	row-gap: 16px;
}
#gform_wrapper_1 .gfield input,
#gform_wrapper_1 .gfield textarea {
	width: 100%;
	padding: 8px 15px;
	font-family: var(--font-switzer);
	font-size: 16px;
	line-height: 1.25;
	color: var(--color-2);
	background-color: var(--color-4);
	border: 0;
	border-radius: 12px;
	box-shadow: none;
}
#gform_wrapper_1 .gfield input {
	border-radius: 100px;
}
#gform_wrapper_1 .gfield textarea {
	height: 245px;
	min-height: 0;
	resize: vertical;
}
#gform_wrapper_1 .gfield input::placeholder,
#gform_wrapper_1 .gfield textarea::placeholder {
	color: var(--color-2);
	opacity: 1;
}
#gform_wrapper_1 .gfield input:focus,
#gform_wrapper_1 .gfield textarea:focus {
	outline: 2px solid var(--color-1);
	outline-offset: 0;
}
#gform_wrapper_1 .gform_footer {
	justify-content: center;
	margin-top: 18px;
	padding: 0;
}
#gform_wrapper_1 .gform_footer .gform_button {
	margin: 0;
	cursor: pointer;
}

/* Bandeau contact (code embed Brizy, page Contact) : <div class="custom-contact">
   Téléphone | adresse | réseaux — séparateurs verts, empilé en mobile.
   Quand le bandeau passe sur plusieurs lignes, le trait en début de ligne est masqué :
   chaque bloc porte marge + trait à gauche, le bandeau est décalé de cette largeur
   et clip-path rogne la bande décalée. */
.custom-contact {
	--cc-espace: 12px;
	display: flex;
	margin-left: calc(-2 * var(--cc-espace) - 1px);
	clip-path: inset(-10px -10px -10px calc(2 * var(--cc-espace) + 1px));
	flex-wrap: nowrap;
	align-items: center;
	row-gap: 6px;
	font-family: var(--font-switzer);
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-4);
}
.custom-contact a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s;
}
.custom-contact a:hover {
	color: var(--color-1);
}
.custom-contact__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.custom-contact > * {
	margin-left: var(--cc-espace);
	padding-left: var(--cc-espace);
	border-left: 1px solid var(--color-1);
}
.custom-contact__tel {
	font-weight: 700;
}
.custom-contact__tel svg {
	flex: none;
	width: 22px;
	height: 22px;
}
.custom-contact__reseaux {
	display: flex;
	gap: 16px;
}
.custom-contact__reseaux svg {
	flex: none;
	width: 16px;
	height: 16px;
}

/* Colonne trop étroite pour une seule ligne : le bandeau repasse à la ligne
   (le trait en début de ligne reste masqué) */
@media (max-width: 1399px) {
	.custom-contact {
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.custom-contact {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
	}
	.custom-contact__adresse {
		white-space: normal;
	}
}

/* Carte Google Maps (code embed Brizy, page Contact) : moins haute en mobile */
@media (max-width: 767px) {
	.brz .brz-embed-code iframe[src*="google.com/maps"] {
		height: 220px;
	}
}

/* Accordéons Brizy : titres en gras. !important car Brizy fixe le poids (et
   font-variation-settings) avec un sélecteur plus précis, propre à chaque accordéon */
.brz .brz-accordion__nav-title {
	font-weight: 700 !important;
	font-variation-settings: "wght" 700 !important;
}

.faq-border .brz-accordion__item:not(:last-child) {
	border-bottom: 1px solid #00203B!important;
    padding-bottom: 20px!important;
    margin-bottom: 20px!important;
}

@media only screen and (max-width: 768px) {
.faq-border-mobile .brz-accordion__item:not(:last-child) {
	border-bottom: 1px solid #00203B!important;
    padding-bottom: 20px!important;
    margin-bottom: 20px!important;
}
}


/* Élément Brizy pleine largeur : classe « full-width » sur l'élément (ex. carrousel
   SKID Process, page Tuyauterie industrielle). Il sort de la colonne jusqu'aux bords
   de l'écran ; --largeur-ecran (scripts/main.js) exclut la barre de défilement */
.brz .brz-wrapper.full-width {
	width: var(--largeur-ecran, 100vw);
	max-width: none;
	margin-left: calc(50% - var(--largeur-ecran, 100vw) / 2);
}

/* Carrousel .full-width en tablette et mobile : la diapo suivante dépasse à droite
   pour montrer qu'on peut faire défiler. Slick calcule la largeur des diapos sans le
   padding de .slick-list : le padding droit laisse voir le début de la suivante */
@media (max-width: 991px) {
	.brz .full-width .brz-carousel__slider .slick-list {
		padding-right: 18%;
	}
}
@media (max-width: 767px) {
	.brz .full-width .brz-carousel__slider .slick-list {
		padding-right: 22%;
	}
	/* Brizy colle les photos en mobile : petit écart pour séparer la suivante */
	.brz .full-width .brz-carousel .brz-carousel__slider .slick-list .slick-track .slick-slide {
		padding-right: 10px;
	}
}

/* Élément Brizy collé au bord droit de l'écran : classe « full-right ».
   --debord-droite = distance jusqu'au bord droit, calculée par scripts/main.js.
   Colonne : seul son fond déborde (la grille ne bouge pas). Élément : il s'élargit */
.brz .brz-columns.full-right > .brz-bg {
	right: calc(-1 * var(--debord-droite, 0px));
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.brz .brz-wrapper.full-right {
	width: calc(100% + var(--debord-droite, 0px));
	max-width: none;
}

/* Menu du header : page en cours (ou sa page parente) en gras bleu foncé, hors bouton btn-daleko */
.ct-header [data-id="menu"] > ul > li:is(.current-menu-item, .current-menu-ancestor):not(.btn-daleko) > .ct-menu-link {
	--theme-link-active-color: var(--color-2);
	color: var(--color-2);
	font-weight: 700;
}

/* Sous-menu du header (desktop) : carte blanche arrondie, liens Switzer bleu foncé,
   survol bleu clair avec trait vert à gauche */
.ct-header [data-id="menu"] .sub-menu {
	--dropdown-divider: none;
	--theme-box-shadow: 0 12px 30px -8px rgba(0, 32, 59, 0.35);
	--dropdown-width: 300px;
	width: 300px;
	padding: 8px;
	border-radius: 0 0 14px 14px;
	background-color: var(--color-4);
	border: 1px solid rgba(0, 32, 59, 0.08);
	border-top: 3px solid var(--color-1);
}
.ct-header [data-id="menu"] .sub-menu .ct-menu-link {
	position: relative;
	padding: 10px 14px;
	font-family: var(--font-switzer);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-2);
	border-radius: 8px;
	transition: background-color 0.25s, color 0.25s, padding-left 0.25s;
}
.ct-header [data-id="menu"] .sub-menu .ct-menu-link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 8px;
	width: 3px;
	height: 0;
	background-color: var(--color-1);
	border-radius: 3px;
	transform: translateY(-50%);
	transition: height 0.25s;
}
.ct-header [data-id="menu"] .sub-menu .ct-menu-link:hover,
.ct-header [data-id="menu"] .sub-menu .current-menu-item > .ct-menu-link {
	padding-left: 22px;
	color: var(--color-3);
	background-color: rgba(48, 92, 194, 0.08);
}
.ct-header [data-id="menu"] .sub-menu .ct-menu-link:hover::before,
.ct-header [data-id="menu"] .sub-menu .current-menu-item > .ct-menu-link::before {
	height: 55%;
}


/* Fiche réalisation (single-realisations.php) — galerie à gauche collée au bord de
   l'écran, texte à droite. L'article est un .ct-container (alignement du header) et
   un conteneur de requête : 100cqw = sa largeur, pour calculer le débord à gauche */
.daleko-real {
	--real-gouttiere: 30px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: var(--real-gouttiere);
	align-items: start;
	padding-bottom: 70px;
	container-type: inline-size;
	color: var(--color-2);
}
.daleko-real--sans-image {
	grid-template-columns: minmax(0, 1fr);
}
.daleko-real__galerie {
	margin-left: calc((100cqw - var(--largeur-ecran, 100vw)) / 2);
}
.daleko-real__grande .daleko-real__photo {
	display: block;
	width: 100%;
	aspect-ratio: 7 / 6;
	object-fit: cover;
	border-radius: 0 0 20px 0;
}
.daleko-real__grande .daleko-real__photo[hidden] {
	display: none;
}
.daleko-real__miniatures {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}
.daleko-real__miniatures li {
	margin: 0;
}
.daleko-real__miniature {
	display: block;
	width: 125px;
	padding: 0;
	overflow: hidden;
	background: none;
	border: 2px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.25s, border-color 0.25s;
}
.daleko-real__miniature:hover,
.daleko-real__miniature.is-active {
	opacity: 1;
}
.daleko-real__miniature.is-active {
	border-color: var(--color-1);
}
.daleko-real__miniature img {
	display: block;
	width: 100%;
	aspect-ratio: 9 / 8;
	object-fit: cover;
}
.daleko-real__contenu {
	padding-top: 30px;
	font-family: var(--font-switzer);
}
/* Deux colonnes : la hauteur de la ligne est donnée par la galerie seule
   (height: 0 + min-height: 100%), le texte qui dépasse défile dans sa colonne */
@media (min-width: 1000px) {
	.daleko-real:not(.daleko-real--sans-image) .daleko-real__contenu {
		align-self: stretch;
		height: 0;
		min-height: 100%;
		overflow-y: auto;
		scrollbar-width: none;
	}
	.daleko-real:not(.daleko-real--sans-image) .daleko-real__contenu::-webkit-scrollbar {
		display: none;
	}
}
.daleko-real__ariane {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1.3;
}
.daleko-real__ariane a {
	color: inherit;
	text-decoration: none;
}
.daleko-real__ariane a:hover {
	color: var(--color-3);
}
.daleko-real__ariane span {
	font-weight: 700;
}
.daleko-real__titre {
	margin: 0 0 12px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 70px;
	font-weight: 700;
	letter-spacing: -1.5px;
	line-height: 1;
	color: var(--color-2);
	overflow-wrap: break-word;
	hyphens: auto;
}
/* Mêmes tailles que le H1 global Brizy (heading1) */
@media (max-width: 991px) {
	.daleko-real__titre {
		font-size: 50px;
		letter-spacing: -1px;
		line-height: 1.1;
	}
}
@media (max-width: 767px) {
	.daleko-real__titre {
		font-size: 40px;
	}
}
.daleko-real__secteur {
	margin: 0 0 22px;
	font-size: 20px;
}
.daleko-real__bloc {
	padding: 18px 0;
	border-bottom: 1px solid rgba(0, 32, 59, 0.3);
}
.daleko-real__bloc:first-child {
	padding-top: 0;
}
.daleko-real__bloc:last-of-type {
	border-bottom: 0;
}
/* Bouton « Discuter de votre projet » (style btn-daleko plus haut) */
.daleko-real .daleko-real__btn {
	text-decoration: none;
}
.daleko-real__bloc-titre {
	margin: 0 0 8px;
	font-family: var(--font-switzer);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-2);
}
.daleko-real__bloc-texte {
	font-size: 16px;
	line-height: 1.5;
}
.daleko-real__bloc-texte > :last-child {
	margin-bottom: 0;
}
.daleko-real__bloc-texte p {
	margin: 0 0 8px;
}
.daleko-real__bloc-texte ul {
	margin: 0;
	padding-left: 20px;
}
.daleko-real__bloc-texte ul li {
	margin: 0;
}

@media (max-width: 999px) {
	.daleko-real {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0px;
		padding-bottom: 50px;
	}
	.daleko-real__galerie {
		margin-right: calc((100cqw - var(--largeur-ecran, 100vw)) / 2);
	}
	.daleko-real__grande .daleko-real__photo {
		aspect-ratio: 4 / 3;
		border-radius: 0;
	}
	.daleko-real__miniatures {
		padding: 0 calc((var(--largeur-ecran, 100vw) - 100cqw) / 2);
	}
	.daleko-real__miniature {
		width: 90px;
	}
}

/* Liste des réalisations — [realisations_filtres] et [realisations_liste] (Isotope).
   L'écart horizontal est géré par Isotope (fitRows.gutter = 14, voir le JS) */
.daleko-filtres {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 14px;
}
.daleko-filtres__btn {
	padding: 5px 12px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--color-2);
	background-color: #CFDAEE;
	border: 0;
	border-radius: 100px;
	box-shadow: 1px 3px 6px -2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	transition: background-color 0.25s, color 0.25s;
}
.daleko-filtres__btn:hover {
	background-color: var(--color-4);
}
.daleko-filtres__btn.is-active {
	background-color: var(--color-1);
}

.daleko-realisations {
	--real-ecart: 14px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--real-ecart);
}
/* Isotope positionne les cartes en absolu : la grille CSS ne sert que sans JS */
.daleko-realisations.is-isotope {
	display: block;
}
.daleko-realisations.is-isotope .daleko-realisations__carte {
	width: calc((100% - 2 * var(--real-ecart)) / 3);
	padding-bottom: var(--real-ecart); /* Écart vertical (une marge serait mal mesurée par Isotope) */
}
.daleko-realisations__lien {
	position: relative;
	display: block;
	aspect-ratio: 1; /* Hauteur connue avant le chargement des images (calcul Isotope) */
	overflow: hidden;
	color: var(--color-2);
	text-decoration: none;
}
/* Image en absolu : une photo en portrait ne doit pas agrandir la carte carrée */
.daleko-realisations__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.daleko-realisations__image--vide {
	background-color: #D9DEE5;
}
.daleko-realisations__lien:hover .daleko-realisations__image {
	transform: scale(1.04);
}
.daleko-realisations__etiquette {
	position: absolute;
	left: 14px;
	bottom: 14px;
	max-width: calc(100% - 28px);
	padding: 6px 12px;
	font-family: var(--font-switzer);
	font-size: 14px;
	line-height: 1.3;
	background-color: var(--color-4);
	border-radius: 4px;
}
.daleko-realisations__etiquette strong {
	margin-right: 6px;
	font-weight: 700;
}
.daleko-realisations__vide {
	color: var(--color-4);
}

@media (max-width: 999px) {
	.daleko-realisations {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.daleko-realisations.is-isotope .daleko-realisations__carte {
		width: calc((100% - var(--real-ecart)) / 2);
	}
}
@media (max-width: 689px) {
	.daleko-filtres {
		justify-content: flex-start;
		gap: 10px;
	}
	.daleko-realisations {
		grid-template-columns: minmax(0, 1fr);
	}
	.daleko-realisations.is-isotope .daleko-realisations__carte {
		width: 100%;
	}
}

/* Pages légales — contenu du shortcode OLWE Core entouré de .daleko-legal (functions.php).
   Reprend la typo globale Brizy : h1 = « Heading 1 », h2 (sections) = « Heading 3 », texte = « Paragraph » */
/* Espacement haut/bas de la section Brizy qui contient la page : 75px / 60px (tablette) / 40px (mobile) */
.brz .brz-section__content:has(.daleko-legal) {
	padding-top: 75px;
	padding-bottom: 75px;
}
.daleko-legal {
	max-width: 900px;
	font-family: var(--brz-paragraphfontfamily, var(--font-switzer));
	font-size: var(--brz-paragraphfontsize, 16px);
	font-weight: 400;
	line-height: var(--brz-paragraphlineheight, 1.4);
	color: var(--color-2);
}
.daleko-legal h1 {
	margin: 0 0 40px;
	font-family: var(--brz-heading1fontfamily, 'Rajdhani', sans-serif);
	font-size: var(--brz-heading1fontsize, 70px);
	font-weight: 700;
	letter-spacing: var(--brz-heading1letterspacing, -1.5px);
	line-height: var(--brz-heading1lineheight, 1);
	color: var(--color-2);
}
.daleko-legal h2 {
	margin: 0 0 18px;
	font-family: var(--brz-heading3fontfamily, 'Montserrat', sans-serif);
	font-size: var(--brz-heading3fontsize, 25px);
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 1.2;
	color: var(--color-2);
}
.daleko-legal h3 {
	margin: 24px 0 12px;
	font-family: var(--brz-heading3fontfamily, 'Montserrat', sans-serif);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-2);
}
.daleko-legal h2:not(:first-child) {
	margin-top: 40px;
}
.daleko-legal p {
	margin: 0 0 16px;
}
.daleko-legal ul {
	margin: 0 0 16px;
	padding-left: 20px;
}
.daleko-legal li {
	margin-bottom: 6px;
}
.daleko-legal strong {
	font-weight: 700;
}
.daleko-legal a {
	color: var(--color-3);
	text-decoration: underline;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}
.daleko-legal a:hover {
	color: var(--color-2);
}
@media (max-width: 991px) {
	.brz .brz-section__content:has(.daleko-legal) {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.daleko-legal h1 {
		font-size: var(--brz-heading1tabletfontsize, 50px);
	}
	.daleko-legal h2 {
		font-size: var(--brz-heading3tabletfontsize, 25px);
	}
}
@media (max-width: 767px) {
	.brz .brz-section__content:has(.daleko-legal) {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.daleko-legal h1 {
		margin-bottom: 28px;
		font-size: var(--brz-heading1mobilefontsize, 40px);
	}
	.daleko-legal h2 {
		font-size: var(--brz-heading3mobilefontsize, 20px);
	}
}