/**
 * Custom CSS pour AVERIMMO EXPERTISES
 * Objectif: appliquer la palette (primary/secondary) via les variables CSS du thème,
 * sans overrides agressifs qui cassent des composants (boutons, badges, dégradés).
 */

/* Garantit un fond global blanc */
body {
	background: #fff;
}

/* Header & footer : fond blanc (conforme à la demande) */
#header,
#footer {
	background: #fff;
}

/* Petits ajustements UX (focus visible) */
.btn:focus,
.btn:focus-visible,
a:focus,
a:focus-visible {
	outline: none;
	box-shadow: 0 0 0 0.2rem var(--secondary-rgba-20);
}

/* S'assure que le bouton "Demander une expertise" (.btn-dark) garde un contraste net */
.btn-dark {
	color: var(--dark-inverse) !important;
}

/* Contraste: bg-primary est maintenant foncé, donc les éléments "text-dark" deviennent illisibles */
.bg-primary {
	color: var(--primary-inverse);
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6 {
	color: var(--primary-inverse) !important;
}

.bg-primary .text-dark,
.bg-primary .text-color-dark,
.bg-primary .text-color-grey,
.bg-primary .breadcrumb,
.bg-primary .breadcrumb a {
	color: var(--primary-inverse) !important;
}

/* Exceptions: sur fonds clairs (boutons light, badges light, marks light), on garde du texte foncé */
.bg-primary .btn-light,
.bg-primary .btn-light .text-dark,
.bg-primary .btn-light strong,
.bg-primary .btn-light i {
	color: var(--dark) !important;
}

.bg-primary .bg-color-light,
.bg-primary .bg-light,
.bg-primary .bg-color-light .text-dark,
.bg-primary .bg-light .text-dark {
	color: var(--dark) !important;
}

.bg-primary .opacity-7 {
	opacity: 0.85;
}

/* Slider: "C.N.E / experts agréés" -> texte blanc + fond très léger (au lieu d'un pavé blanc) */
.bg-primary .custom-el-1 mark {
	color: #fff !important;
}

.bg-primary .custom-el-1 .mark.mark-color-light:before {
	background: rgba(255, 255, 255, 0.14) !important;
}

/* Corrige les surlignages <mark> (évite les "rectangles" sombres depuis que --primary est foncé) */
.mark.mark-color-primary:before {
	background: var(--secondary-rgba-30) !important;
}

/* Certains marqueurs utilisent bg-color-before-primary-rgba-* : on les bascule aussi sur l'accent */
.bg-color-before-primary-rgba-20:before {
	background-color: var(--secondary-rgba-20) !important;
}

.bg-color-before-primary-rgba-30:before {
	background-color: var(--secondary-rgba-30) !important;
}

/* Logo : un peu plus grand, sans casser le sticky header */
#header .header-logo img {
	width: 220px;
	height: auto;
}

@media (max-width: 575px) {
	#header .header-logo img {
		width: 170px;
	}
}

/* Logo C.N.E dans le footer */
#footer .footer-cne-logo {
	width: 110px;
	height: auto;
}

/* Menu principal en majuscules */
#header .header-nav-main nav > ul > li > a {
	text-transform: uppercase;
}

/* Empêche le menu desktop de passer sur 2 lignes + compacte légèrement */
@media (min-width: 992px) {
	#header .header-nav-main nav > ul {
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
		white-space: nowrap;
	}
}

@media (min-width: 992px) and (max-width: 1399px) {
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		font-size: 14px;
		padding-left: 8px;
		padding-right: 8px;
	}
}

/* Badge C.N.E dans le cercle (home slider) */
.averimmo-cne-badge {
	display: block;
	width: 78px;
	height: 78px;
	object-fit: contain;
	margin: 0 auto;
}

@media (max-width: 575px) {
	.averimmo-cne-badge {
		width: 64px;
		height: 64px;
	}
}

/* ------------------------------------------------------------
   SEO local (37) : ticker communes - discret, performant, no CLS
   ------------------------------------------------------------ */
.communes37-ticker {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	line-height: 1.3;
	/* hauteur réservée => pas de CLS */
	min-height: 1.3em;
}

.communes37-ticker__track {
	display: inline-block;
	padding-left: 100%;
	will-change: transform;
	/* Ajuste la vitesse ici (plus grand = plus lent) */
	animation: communes37-ticker-scroll var(--communes37-ticker-duration, 700s) linear infinite;
}

.communes37-ticker:hover .communes37-ticker__track {
	animation-play-state: paused;
}

@keyframes communes37-ticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.communes37-ticker__track {
		animation: none;
		padding-left: 0;
	}
}

/* Fallback accessibilité si la classe n'est pas fournie par Bootstrap */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}