
/* =========================================================
   ACCUEIL – TITRES (mobile & tablette)
   ========================================================= */
@media only screen and (max-width: 1024px) {
	/* Titres avec pictogramme feuille ("Produits du moment", "Articles et actualités") :
	   le pictogramme reste à gauche, le texte ne passe plus dessous */
	.fusion-title-heading:has(> img) {
		display: flex !important;
		align-items: center;
		gap: 12px;
	}
	.fusion-title-heading:has(> img) > img {
		flex: none;
		width: 58px !important;
		height: auto !important;
		margin: 0 !important;
	}
}
@media only screen and (max-width: 740px) {
	/* Titres manuscrits des encarts dépliables de l'accueil : 2 lignes maximum */
	body.home .fusion-text h3 {
		font-size: 20px !important;
		line-height: 1.25 !important;
	}
	/* Grand titre d'accueil et sous-titre manuscrit : un peu plus d'air */
	body.home h1.fusion-title-heading { line-height: 1.2 !important; }
}

/* =========================================================
   DÉCHIRURES (séparateurs Avada "grunge")
   ========================================================= */
/* Proportions naturelles : sur petit écran, Avada écrase le motif sur 100 % de la largeur
   (fibres très serrées). On l'élargit pour garder l'aspect du papier déchiré de l'ordinateur. */
@media only screen and (max-width: 1024px) {
	.fusion-section-separator.grunge .fusion-section-separator-svg-bg { background-size: 170% 100% !important; }
}
@media only screen and (max-width: 740px) {
	.fusion-section-separator.grunge .fusion-section-separator-svg-bg { background-size: 300% 100% !important; }
}

/* Bas de la section "Votre avis compte" : bord vert déchiré qui mord sur le pied de page.
   (Le séparateur Avada placé dans la colonne des avis ne couvrait que la colonne et restait invisible.)
   Pour réutiliser l'effet ailleurs : ajouter la classe CSS "lep-dechire-dessous" au conteneur Avada. */
body.home .fusion-fullwidth:has(.fusion-section-separator-5),
.fusion-fullwidth.lep-dechire-dessous {
	position: relative;
	z-index: 3;
	overflow: visible !important;
}
body.home .fusion-fullwidth:has(.fusion-section-separator-5)::after,
.fusion-fullwidth.lep-dechire-dessous::after {
	content: "";
	position: absolute; left: 0; right: 0; top: 100%;
	height: 20px; margin-top: -1px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1463 21' preserveAspectRatio='none'%3E%3Cpath fill='%23a7c0a7' fill-rule='evenodd' d='M0 0H1463V21H0ZM0 43H1463V9L1457.5 5.5L1452.5 7C1447 7 1439.5 4.5 1438 5C1433 4 1438.5 11.5 1433.5 11.5C1428 12 1429 8.5 1426 8.5C1425 8.5 1421.5 10.5 1420.5 10C1414.5 9 1410 9 1413.5 7.5C1409.5 7 1411 5.5 1409.5 4.5C1413.5 4.5 1406 2.5 1411 3C1411.5 2 1399.5 2.5 1400.5 1C1395.5 1.5 1400.5 2.5 1395 2.5C1391 3 1375.5 0.5 1370.5 1C1363 1.5 1366 2 1361.5 2.5C1355.5 2.5 1350.5 3 1345 3.5C1344 4 1341 3.5 1339 3.5C1337 3.5 1333.5 4 1331 4C1327 4 1323.5 4 1320 3.5C1319.5 5.5 1309.5 3 1303.5 2.5C1297 4 1282 4 1270.5 4.5C1270.5 5 1274 5.5 1272.5 5.5C1267 6.5 1258 6.5 1252.5 5.5C1256 4.5 1247 4 1248 2.5C1241.5 2.5 1237.5 4 1230 4.5C1231.5 6 1224 4.5 1223 4.5C1222 5 1222.5 1.5 1220 1C1216.5 0.5 1219.5 2.5 1214 3C1210.5 3 1219.5 3.5 1217.5 4.5C1213 4 1215.5 5.5 1214 4.5C1219.5 3.5 1209 4 1212 3C1208.5 3 1201.5 1.5 1204.5 2.5C1206.5 3 1204.5 3 1205 3.5C1201 3.5 1199.5 4 1196.5 4C1196 4 1190.5 4.5 1190 4.5C1189 4.5 1188.5 6 1187 6C1186 6 1185.5 4.5 1183 4.5C1180.5 4.5 1178 2 1175 2C1168.5 4 1160.5 5.5 1154 4.5C1154 5 1151 6.5 1149.5 6.5C1143.5 6 1129 8 1118 8C1115.5 8 1116 10 1113.5 10C1112 10.5 1111.5 7 1108 7.5C1107.5 7.5 1110.5 5.5 1108 5.5C1099.5 6.5 1108.5 7.5 1105 9C1100.5 9 1099 11 1098 10C1093.5 10.5 1093.5 6.5 1088.5 7C1087 7 1087.5 7.5 1086 8C1083.5 7.5 1088 6.5 1085 7C1081 8.5 1079.5 8 1072.5 9C1071 8 1063.5 5 1060 4.5C1059.5 5.5 1059 3 1056 2.5C1057 0 1046.5 6 1050.5 4C1040 4 1048 4.5 1038 4.5C1038 5.5 1037 2.5 1035 2.5C1035 1.5 1036.5 2 1033 2C1032 3.5 1032 2.5 1031 4C1028.5 3.5 1015.5 6.5 1016.5 5C1012 4.5 1007 6.5 1003.5 6C990 7 991.5 4 978 6C977 5.5 979 4.5 978 4C960.5 5.5 940.5 5.5 920 6C918.5 6.5 917 6.5 916 7C912.5 5.5 912.5 10 908.5 10C906.5 10 906.5 6 905 6C905 6 901 6.5 899 6.5C891 6.5 884 8.5 878.5 8.5C877 11.5 869 10 868.5 10C868.5 10 866.5 8.5 866.5 8.5C866 9 867.5 10.5 867 10.5C865.5 11 863.5 11 861.5 10C859 9 858.5 8 855 8C852.5 7.5 848 7.5 845 7.5C839.5 8 827 7.5 823.5 7.5C822.5 8 820 10 819 10C818 9.5 818.5 7.5 818 7.5C812.5 8 816 11.5 811.5 11C811.5 10.5 812 9.5 809 10C803 9.5 808 12 805 10C803 9.5 802 7 800.5 8C802.5 8 800 9 799.5 10C794 10.5 790.5 10 786.5 10C784.5 13 778 7.5 774.5 9C775.5 9 774 7 772.5 7C772 6.5 770 7.5 770.5 6.5C768 7 770 8.5 769 9.5C779 9 765 12.5 763 11C763 10 762 9.5 762 8.5C755 9 746 12.5 737.5 11.5C737.5 12.5 733.5 12.5 732 13C730 11.5 730.5 11.5 726.5 11C726.5 10 728 10.5 727.5 9.5C720 11.5 728.5 7.5 722.5 9C720.5 10.5 725 8.5 723.5 10C721.5 10 722 10.5 720.5 11C719 10.5 713.5 12 712.5 11.5C712.5 11.5 702 8 702 8C698 7.5 695.5 9.5 689.5 9C689.5 9.5 683.5 10 682.5 10.5C675 9.5 676.5 12.5 667.5 11.5C667 12.5 667 10 665.5 10.5C660.5 10 668 13 664 13C663 13.5 662 16.5 659 17C657 16.5 657 16 656.5 15C662 14.5 655 14.5 656 13C650.5 13.5 643.5 13 641 12C642.5 11.5 642.5 10.5 639.5 9.5C634.5 10.5 638.5 11 633.5 10.5C631 11.5 635 12.5 629 13C629.5 12 626 12 625 11.5C624.5 11.5 624 10.5 620 10.5C615 10 619 12 615.5 11.5C609 12 614.5 11.5 609.5 11.5C606 11.5 599 12.5 593.5 12C591.5 13 595.5 13.5 592 13.5C586.5 13 591.5 13.5 591.5 12C588.5 12 585.5 11.5 587 12C584.5 12.5 587 12.5 585 13C582 12.5 582 13.5 580.5 14C576.5 12.5 572 13.5 565.5 12C563 12.5 564.5 12.5 560 12C555 13 557.5 12.5 553 12.5C544 14.5 537.5 10 529.5 11.5C531 12.5 535 13 532.5 14C530.5 12 521 12 516 13C515.5 12 517.5 12 517.5 11C515 10 508 9.5 510.5 11C512 11 508.5 12 511.5 12C511 13 513.5 11.5 513 12.5C511.5 12.5 511.5 13 510.5 13C506.5 13 511.5 11.5 507.5 11.5C503.5 13.5 503.5 13 506.5 14C501 14 506.5 13.5 500.5 14C502.5 12 496.5 10.5 495.5 11.5L496.5 12.5C493 13 495.5 17 490.5 17.5C490.5 17 490 14 488 13.5C481.5 13 486 12 481.5 12C481.5 11 479 12.5 477 12C476 13 474.5 14 470 13.5C470 12 470 12.5 467 12C468 14 469.5 14 471.5 15.5C470 15.5 464.5 14.5 463.5 14.5C460 13.5 465.5 12.5 456.5 13.5C456.5 13 458.5 12.5 459 12C452 12.5 452 10.5 449.5 13C453.5 13 451 11.5 452 13.5C449.5 13.5 446.5 12.5 447.5 14C447.5 15 446.5 15 447 15.5C446.5 16 443 16 440.5 16C435.5 15.5 445 14.5 442.5 14C437.5 13.5 431.5 15.5 429 14.5C427.5 15.5 428.5 15 424.5 15.5C422 14 425 15 420 15C419 14 423.5 13 417 13C410.5 13 418.5 17.5 416 18C418.5 18.5 422 16.5 423 17C421 18 416.5 19.5 415 19C419.5 17 410 14.5 409.5 13C411 13 414.5 13 412 12.5C407.5 12.5 410 11 404.5 10.5C405.5 8 396 12 391.5 11.5C389 13 381 13.5 375.5 12.5C375 11 376.5 12 377 11C373.5 11 374 11.5 370.5 12C371.5 13 370.5 15 372.5 15.5C372.5 15 375.5 14.5 376 15C373 18 370 14 366.5 14C363 13.5 366 14 362.5 13.5C362.5 12.5 363 13.5 359.5 13.5C358 15 359.5 15 359.5 16.5C358 16 355.5 12.5 354.5 13C352 12.5 351 12 349.5 11.5C346.5 13 345 12.5 342 13C339 12 337.5 17 334.5 17.5C331.5 16.5 326.5 12 322.5 12.5C323.5 12.5 317 16.5 315.5 16.5C312.5 15 314.5 16 309.5 16.5C309.5 16 307 15.5 306.5 15C302.5 14.5 306 16 301.5 15.5C301.5 14.5 297.5 15.5 298 14.5C293.5 14 298 12.5 293 12C289 12 291.5 13 286.5 13.5C284.5 14.5 285.5 14 283.5 14.5C281 14.5 278 11.5 276.5 10C275 7.5 273 11.5 270 10C261.5 10.5 262 11.5 258 10.5C254 10.5 255.5 7 252 6.5C251.5 7 252 7.5 250.5 7.5C246 6.5 241.5 7.5 236.5 7.5C233.5 8 230 7 227 7C224 7.5 221.5 8 218.5 8C214 8 210 7.5 205 7.5C195.5 7.5 186 8.5 178.5 8.5C176.5 8.5 176.5 8 174.5 8C170 8 163 13.5 159.5 11.5C154 13.5 150 8 142.5 8C135.5 8 126.5 8 117.5 8C111.5 8 104.5 9 97 9C87 9 69 15.5 66 17.5C56 17 48 5 40 7C32 5 25.5 7.5 13.5 7C13 7 11 7.5 11 7.5L8.5 8C8 8 7.5 8.5 7 8.5C6 8.5 4.5 8.5 3.5 8.5C2.5 9 1 9 0 9L0 43ZM1397.5 4.5C1397.5 5.5 1397 6.5 1396 7C1391 7 1396.5 6 1394.5 5C1397 5 1394.5 4.5 1397.5 4.5ZM1356 2.5C1358.5 3 1357.5 4 1362.5 3.5C1362.5 5 1363 5.5 1360 5C1360.5 5.5 1361.5 6 1361 6.5C1355.5 6.5 1360 5.5 1361 4C1360 3.5 1355.5 3.5 1356 2.5ZM1336.5 5.5C1342 7 1345 4.5 1350.5 4C1352 5.5 1352 5.5 1348.5 5.5C1346 5.5 1335 7 1336.5 5.5L1336.5 5.5ZM1327 7C1327 9 1328.5 8 1326.5 9C1320.5 8 1327 5.5 1333.5 6L1327 7ZM637.5 12C635 13 637.5 13 635 12C637.5 10.5 632 12.5 637.5 12ZM602.5 14.5C605.5 15 603.5 16.5 603.5 18C599 17.5 606.5 14.5 601 15.5C601 13.5 600.5 15 602.5 14.5ZM524.5 15C524.5 16 522 18 520 17.5C520.5 16.5 523 14.5 524.5 15ZM410.5 15C407.5 15.5 409 17.5 405 16C406.5 15 405.5 15 410.5 15ZM391.5 12C395.5 12 393.5 14 393 15.5C389 15.5 390.5 13.5 391.5 12L391.5 12ZM366.5 15C367.5 15.5 367.5 16 367.5 17C364.5 17 367 16 363 16.5C364.5 15.5 363 15 366.5 15L366.5 15Z'/%3E%3C/svg%3E") 50% 0 / 100% 100% no-repeat;
	pointer-events: none;
}
body.home .fusion-section-separator-5 { display: none !important; }
@media only screen and (max-width: 1024px) {
	body.home .fusion-fullwidth:has(.fusion-section-separator-5)::after,
	.fusion-fullwidth.lep-dechire-dessous::after { background-size: 170% 100%; height: 18px; }
}
@media only screen and (max-width: 740px) {
	body.home .fusion-fullwidth:has(.fusion-section-separator-5)::after,
	.fusion-fullwidth.lep-dechire-dessous::after { background-size: 300% 100%; height: 16px; }
}

/* Tablette : Avada ajoute 12vh de marge en haut et en bas de certaines sections, ce qui décolle
   la déchirure du haut (bande verte au-dessus). On colle la déchirure au bord haut de la section. */
@media only screen and (min-width: 741px) and (max-width: 1024px) {
	.fusion-fullwidth:has(> .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper > .fusion-section-separator.grunge:first-child:not([style*="margin-top"])) { padding-top: 0 !important; }
}

/* Déchirure blanche en bas de la photo d'accueil (version mobile/tablette de l'en-tête) :
   elle était 10 px trop bas, donc invisible (blanc sur blanc) */
@media only screen and (max-width: 1024px) {
	.fusion-section-separator.lep-dechire-hero,
	.fusion-section-separator.grunge[style*="--awb-margin-top:-90px"] {
		margin-top: -143px !important;
	}
}

/* =========================================================
   E-SHOP – BOUTONS "BESOINS" ET "FILTRES" (mobile & tablette)
   ========================================================= */
@media only screen and (max-width: 1024px) {
	/* L'encart Besoins s'affiche aussi sur tablette */
	body .fusion-accordian.fusion-no-medium-visibility:has(#toggle-shop) { display: block !important; }

	/* Les deux boutons côte à côte */
	.fusion-column-wrapper:has(> .fusion-accordian #toggle-shop) {
		flex-direction: row !important;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 10px;
	}
	.fusion-column-wrapper:has(> .fusion-accordian #toggle-shop) > .fusion-accordian,
	.fusion-column-wrapper:has(> .fusion-accordian #toggle-shop) > .wpc-filters-open-button-container {
		flex: 1 1 0;
		min-width: 0;
		margin: 0 !important;
	}
	/* Le widget de filtres (panneau qui s'ouvre) ne prend pas de place dans la rangée */
	.fusion-column-wrapper:has(> .fusion-accordian #toggle-shop) > .widget_wpc_filters_widget,
	.fusion-column-wrapper:has(> .fusion-accordian #toggle-shop) > .wpc-custom-selected-terms {
		order: 5;
		flex: 0 0 100%;
		margin: -10px 0 0 !important;
	}
	/* Besoins ouvert : il prend toute la largeur, Filtres passe dessous */
	.fusion-column-wrapper:has(#toggle-shop .panel-collapse.in, #toggle-shop .panel-collapse.collapsing) > .fusion-accordian {
		flex-basis: 100%;
	}

	/* --- Bouton Besoins --- */
	#toggle-shop.fusion-panel {
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	#toggle-shop .panel-heading { padding: 0 !important; }
	#toggle-shop .panel-title { margin: 0 !important; width: 100%; }
	#toggle-shop .panel-title a {
		display: flex !important;
		width: 100%;
		box-sizing: border-box;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		height: 48px;
		padding: 0 10px 0 20px !important;
		background: #f2f6f2;
		border: 1px solid #dfe8df;
		border-radius: 24px 4px 24px 4px;
		color: #3a3f3a !important;
		font-family: "Century Schoolbook", Georgia, serif;
		font-size: 16px !important;
		line-height: 1;
		text-decoration: none;
	}
	#toggle-shop .fusion-toggle-heading { order: 1; margin: 0 !important; color: inherit !important; font-size: 16px !important; }
	#toggle-shop .fusion-toggle-icon-wrapper {
		order: 2;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex: none;
		width: 30px; height: 30px;
		margin: 0 !important;
		border-radius: 50%;
		background: #a7c0a7;
	}
	#toggle-shop .fusion-toggle-icon-wrapper i {
		background: none !important;
		border: 0 !important;
		color: #fff !important;
		font-size: 11px !important;
		width: auto !important; height: auto !important;
		line-height: 1 !important;
	}

	/* Liste des besoins : pastilles vertes */
	#toggle-shop .panel-body { padding: 14px 2px 4px !important; background: transparent !important; border: 0 !important; }
	#toggle-shop ul.product-tags-list {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	#toggle-shop ul.product-tags-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
	#toggle-shop ul.product-tags-list li::before, #toggle-shop ul.product-tags-list li::marker { content: none; display: none; }
	#toggle-shop ul.product-tags-list a {
		display: inline-block;
		padding: 8px 15px;
		background: #a7c0a7;
		color: #fff !important;
		border-radius: 50px 4px 50px 4px;
		font-size: 14px;
		line-height: 1.2;
		text-decoration: none;
	}
	#toggle-shop ul.product-tags-list a::first-letter { text-transform: uppercase; }

	/* --- Bouton Filtres --- */
	.wpc-filters-open-button-container { display: block !important; padding: 0 !important; margin: 0 !important; text-align: left !important; }
	.wpc-filters-open-button-container a.wpc-filters-open-widget {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
		height: 48px;
		padding: 0 16px !important;
		background: #a7c0a7 !important;
		border: 1px solid #a7c0a7 !important;
		border-radius: 24px 4px 24px 4px !important;
		color: #fff !important;
		font-family: "Century Schoolbook", Georgia, serif;
		font-size: 16px !important;
		text-decoration: none;
	}
	.wpc-filters-open-widget .wpc-button-inner { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; }
	.wpc-filters-open-widget .wpc-icon-html-wrapper span { background-color: #fff !important; }
	.wpc-filters-open-widget .wpc-icon-html-wrapper span::before,
	.wpc-filters-open-widget .wpc-icon-html-wrapper span::after { border-color: #fff !important; background-color: #a7c0a7 !important; }

	/* Panneau de filtres : boutons du bas au style du site */
	.wpc-filters-widget-controls-container a,
	.wpc-filters-widget-controls-container button {
		border-radius: 24px 4px 24px 4px !important;
		font-family: "Century Schoolbook", Georgia, serif;
	}
}
