/*
 * Agrebat — correctifs d'affichage
 * Issus de l'audit visuel du 10/09/2026 (RESOURCES/AGREBAT/audit-visuel-2026-09-10/AUDIT-VISUEL.md).
 * Chargé en dernier par le mu-plugin agrebat-ajustements.php.
 */

/* [1.1] Flèches des boutons affichées en carré « □ » :
   la classe .fasicon n'a jamais reçu la police d'icônes du thème. */
.fasicon {
	font-family: 'iconfont' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* [1.4] Icônes des compteurs géantes en mobile :
   le thème dimensionne les balises <i>, Elementor produit désormais des <svg>. */
.funfact-item .single-funfact svg.e-font-icon-svg {
	width: 50px;
	height: 50px;
}
.ts-funfact .single-funfact svg.e-font-icon-svg {
	width: 60px;
	height: 60px;
}

/* [1.6] Titres de services dont les deux lignes se chevauchent. */
.ts-service .ts-service-box .ts-service-box-info .ts-title,
.ts-service .ts-service-box .ts-service-box-info .ts-title a,
.featured-box .ts-title,
.featured-box .ts-title a {
	line-height: 1.3 !important;
}

/* [2.6] Adresse e-mail affichée avec des majuscules forcées (« Contact@Agrebat.Com »). */
a[href^="mailto:"],
a[href^="mailto:"] * {
	text-transform: none !important;
}

/* [4.1] Libellés de formulaire presque invisibles. */
#ts-footer .wpforms-container .wpforms-field-label,
#ts-footer .wpforms-container .wpforms-field-sublabel,
#ts-footer .wpforms-container .wpforms-field-description {
	color: #ececec !important;
}
#wpforms-2685 .wpforms-field-label,
#wpforms-2685 .wpforms-field-sublabel,
#wpforms-2685 .wpforms-field-description,
#wpforms-2685 .wpforms-field-label-inline {
	color: #1b1b1b !important;
}

/* [4.2] Titre « Besoin d'un devis ? » rouge sur fond bleu. */
.elementor-element-14e88f0 .elementor-heading-title {
	color: #1b1b1b !important;
}

/* [4.3] Texte noir sur le bouton rouge du bandeau ; lien rouge sur bleu dans le copyright. */
.nav-button .quote-btn,
.nav-button .quote-btn:hover {
	color: #fff !important;
}
.copyright a {
	color: #fff !important;
	font-weight: 700;
}

/* [4.4] Titres de projets illisibles sur les photos claires. */
.recet-work-footer,
.recet-work-footer * {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 14px rgba(0, 0, 0, 0.55);
}
/* Le thème place ce bloc à 20px du coin, à la largeur du texte : le dégradé
   s'arrêtait net au milieu de la photo. Il couvre maintenant toute la largeur,
   le texte restant au même endroit grâce au padding. */
.single-recent-work .recet-work-footer {
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 20px 36px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0) 100%);
}

/* [4.6] Cercle gris décoratif posé sur le texte des services. */
.ts-service .ts-service-box .ts-service-box-info:after {
	display: none !important;
}

/* [4.8] Boutons « Envoyer » des formulaires restés au style par défaut du navigateur. */
.wpforms-container button.wpforms-submit {
	background: var(--e-global-color-primary, #cf1030) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 2px;
	padding: 12px 30px !important;
	font-weight: 600 !important;
	cursor: pointer;
}
.wpforms-container button.wpforms-submit:hover {
	filter: brightness(0.9);
}

/* [4.9] Onglets de filtre des réalisations coupés au milieu d'un intitulé. */
.elementor-widget-buildbench-project li.filter {
	white-space: nowrap;
}
/* En mobile, les onglets s'empilaient en escalier (padding et marges du thème
   prévus pour une seule ligne) : on les range en pastilles qui passent à la ligne. */
@media (max-width: 767px) {
	.recent-folio-menu {
		margin-bottom: 40px;
	}
	.recent-folio-menu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 8px;
		padding-left: 0;
		margin: 0;
	}
	.recent-folio-menu ul li {
		margin: 0 !important;
		padding: 8px 14px !important;
		border: 1px solid #ddd;
		border-radius: 2px;
		font-size: 14px;
	}
	.recent-folio-menu ul li.active {
		border-color: currentColor;
	}
	.recent-folio-menu ul li.active:after {
		display: none;
	}
}

/* Listes à puces : chaque élément sur une seule ligne. En bureau, les listes de la
   page Secteurs passent sur une colonne (réglage Elementor, corrections-contenu.php).
   En mobile, police et retrait réduits ; seules de vraies phrases peuvent encore
   passer à la ligne. */
@media (max-width: 767px) {
	.elementor-widget-text-editor ul {
		padding-left: 1.1em;
	}
	.elementor-widget-text-editor li,
	.elementor-widget-icon-list .elementor-icon-list-text {
		font-size: 14px !important;
	}
	/* Secteurs : colonnes des deux listes de compétences */
	.elementor-element-cb91d49 > .elementor-element-populated,
	.elementor-element-d24d914 > .elementor-element-populated {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* Devis, bureau : l'adresse de la colonne « Trouvez-nous » tient sur une ligne
   (la colonne est étroite, rien n'est placé à sa droite). */
@media (min-width: 1025px) {
	.elementor-element-486a7ab .elementor-icon-list-text {
		white-space: nowrap;
	}
}

/* Pages service : menu latéral, « Maîtrise d'ouvrage délégué » coupé en deux
   (retrait de liste et marges du thème trop larges pour la colonne). */
.service-menu ul.menu {
	padding-left: 0;
}
.service-menu li a {
	padding: 14px 18px;
	font-size: 15px;
}
.service-menu li a:hover {
	margin: 0;
	padding-left: 26px;
}

/* ==========================================================================
   Mobile (revue du 10/09/2026, écran de 390 px)
   ========================================================================== */
@media (max-width: 767px) {
	/* Grille de projets plus large que l'écran (395 à 400 px) : la page glissait
	   de côté sous le doigt. Marges négatives de la rangée Bootstrap neutralisées. */
	.elementor-widget-buildbench-project .row.mixcontent,
	.elementor-widget-buildbench-project .ts-mix-projects {
		margin-left: 0;
		margin-right: 0;
	}

	/* Slider de l'accueil : texte collé au bord droit et points de navigation
	   posés dessus. Texte centré, points alignés en bas. */
	.hero-slider .slider-content,
	.hero-slider .slider-content .btn-area,
	.hero-slider .col-lg-8.text-right {
		text-align: center !important;
	}
	.hero-slider .owl-dots {
		top: auto;
		bottom: 16px;
		right: 0;
		left: 0;
		transform: none;
		text-align: center;
	}
	.hero-slider .owl-dots .owl-dot {
		display: inline-block;
	}

	/* Agence : citation et textes à 24-32 px, démesurés sur un téléphone */
	.elementor-element-edb23e3 .elementor-heading-title {
		font-size: 22px !important;
		line-height: 1.35 !important;
	}
	.elementor-element-0054d63,
	.elementor-element-0054d63 p,
	.elementor-element-b899994,
	.elementor-element-b899994 p,
	.elementor-element-72749b3 .elementor-image-box-description {
		font-size: 17px !important;
		line-height: 1.6 !important;
	}
	.elementor-element-72749b3 .elementor-image-box-title {
		font-size: 22px !important;
	}

	/* « Clients et partenaires » à 36 px, coupé en deux lignes */
	.elementor-element-e5bf447 .elementor-heading-title,
	.elementor-element-667d681 .elementor-heading-title,
	.elementor-element-9c0e549 .elementor-heading-title,
	.elementor-element-59808dd .elementor-heading-title,
	.elementor-element-4ca4c57 .elementor-heading-title {
		font-size: 28px !important;
	}

	/* Contact : marges négatives saisies pour le bureau, titres et bouton collés */
	.elementor-209 .elementor-element.elementor-element-d06865a p {
		margin-bottom: 4px;
	}
	.elementor-209 .elementor-element.elementor-element-a885e6b > .elementor-widget-container {
		margin-top: 20px !important;
	}
	.elementor-209 .elementor-element.elementor-element-d702846 > .elementor-widget-container {
		margin-top: 0 !important;
	}
	.elementor-209 .elementor-element.elementor-element-35b31e1 > .elementor-element-populated {
		margin: 24px 0 0 0 !important;
	}
	.elementor-209 .elementor-element.elementor-element-4866f26 > .elementor-widget-container {
		padding: 0 0 30px 0 !important;
	}

	/* Devis : 225 px de vide sous la bannière ; « Trouvez-nous » collé au formulaire */
	.elementor-2828 .elementor-element.elementor-element-bb83957 {
		margin-top: 0 !important;
	}
	.elementor-2828 .elementor-element.elementor-element-d58987b > .elementor-element-populated {
		margin-top: 0 !important;
	}
	.elementor-2828 .elementor-element.elementor-element-6118036 > .elementor-element-populated {
		margin-top: 40px !important;
	}

	/* Pages projet : « Résultat » collé au résumé une fois les colonnes empilées */
	.elementor-element-f2c4bd4 {
		margin-top: 25px;
	}
}

/* [4.10] Grille des réalisations aux vignettes de hauteurs inégales. */
.ts-mix-projects img,
.single-recent-work > img.img-fluid {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* [4.11] Logos partenaires de tailles et d'alignements hétérogènes.
   Hors galeries photo des pages projet (79dd158), que cette règle rétrécissait. */
.elementor-widget-image-carousel:not(.elementor-element-79dd158) .swiper-slide-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
}
.elementor-widget-image-carousel:not(.elementor-element-79dd158) .swiper-slide-image {
	max-height: 110px;
	width: auto;
	object-fit: contain;
}