/* Generic layout styles */
.tri-custom-wrapper {
    position: relative;
	--tri-custom-padding: 10px;
}

.tri-custom-wrapper .tri-content,
.tri-custom-wrapper.tri-content {
    position: relative;
}

.tri-custom-wrapper .tri-content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.tri-content-row.top-align {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.tri-content-row.middle-align {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.tri-content-row.bottom-align {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.tri-custom-wrapper .tri-content-row .tri-content-col {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 var( --tri-custom-padding );
}

.tri-custom-wrapper .tri-content.no-margin > .tri-content-row  > .tri-content-col,
.tri-custom-wrapper .tri-content-row.no-margin > .tri-content-col,
.tri-custom-wrapper .tri-content-row > .tri-content-col.no-margin {
	margin: 0;
}

.tri-custom-wrapper .tri-content.center-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.center-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.center-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.tri-custom-wrapper .tri-content.left-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.left-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.left-content {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.tri-custom-wrapper .tri-content.right-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.right-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.right-content {
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.tri-custom-wrapper .tri-content.margin .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.margin .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.margin {
	margin: 0 var( --tri-custom-padding );
}

.tri-custom-wrapper .tri-content-row .tri-content-col:first-child {
	margin-left: 0;
}

.tri-custom-wrapper .tri-content-row .tri-content-col:last-child {
	margin-right: 0;
}

.tri-custom-wrapper .tri-content-row.tri-content-nowrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
}

.tri-custom-wrapper .tri-content-row.tri-content-wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
}
	
.tri-custom-wrapper .tri-content-row .tri-content-col.tri-content-col-fit {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-ms-flex-preferred-size: 0%;
		flex-basis: 0%;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
}


.tri-custom-wrapper .tri-content-row .tri-content-col-25-sm {
	width: 25%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-33-sm {
	width: 33.33%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-40-sm {
	width: 40%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-50-sm {
	width: 50%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-60-sm {
	width: 60%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-66-sm {
	width: 66.6%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 66.6%;
		flex-basis: 66.6%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-75-sm {
	width: 75%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
}

@media (min-width: 768px) {
	.tri-custom-wrapper .tri-content-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-flow: row nowrap;
				flex-flow: row nowrap;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-25,
	.tri-custom-wrapper .tri-content-row .tri-content-col-25-md {
		width: 25%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-33,
	.tri-custom-wrapper .tri-content-row .tri-content-col-33-md {
		width: 33.33%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 33.33%;
			flex-basis: 33.33%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-40,
	.tri-custom-wrapper .tri-content-row .tri-content-col-40-md {
		width: 40%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-50,
	.tri-custom-wrapper .tri-content-row .tri-content-col-50-md {
		width: 50%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-60,
	.tri-custom-wrapper .tri-content-row .tri-content-col-60-md {
		width: 60%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-66,
	.tri-custom-wrapper .tri-content-row .tri-content-col-66-md {
		width: 66.6%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 66.6%;
			flex-basis: 66.6%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-75,
	.tri-custom-wrapper .tri-content-row .tri-content-col-75-md {
		width: 75%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 75%;
			flex-basis: 75%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-100-md {
		width: 100%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
	}
}

@media (min-width: 981px) {
	.tri-custom-wrapper .tri-content-row .tri-content-col-25-lg {
		width: 25%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-33-lg {
		width: 33.33%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 33.33%;
			flex-basis: 33.33%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-40-lg {
		width: 40%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-50-lg {
		width: 50%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-60-lg {
		width: 60%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-66-lg {
		width: 66.6%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 66.6%;
			flex-basis: 66.6%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-75-lg {
		width: 75%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 75%;
			flex-basis: 75%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-100-lg {
		width: 100%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
	}
}


/* +------------------------------------------------------+
   | Where to Buy : stores map and list (tri_pdv)
   +------------------------------------------------------+ */
.tri-pdv-map { margin-bottom: 24px; border-radius: 6px; }
.tri-pdv-map .mapboxgl-ctrl-geocoder { min-width: 240px; font-family: Inter, sans-serif; }
.tri-region-bouton-liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 32px; }
.tri-region-bouton-liste .tri-region-bouton { display: inline-block; padding: 8px 18px; border: 1px solid #e8ac22; border-radius: 30px; color: #000; font-family: Poppins, sans-serif; font-size: 14px; line-height: 1.3; text-transform: uppercase; letter-spacing: .03em; transition: background-color .2s, color .2s; }
.tri-region-bouton-liste .tri-region-bouton:hover { background-color: #e8ac22; color: #fff; }
.tri-pdv-list .tri-region-titre { margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 2px solid #e8ac22; scroll-margin-top: 120px; }
.tri-pdv-region-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tri-pdv-result-card { padding: 16px 18px; border: 1px solid #e5e5e5; border-radius: 6px; background: #fff; scroll-margin-top: 140px; }
.tri-pdv-result-card .tri-pdv-title { margin: 0 0 8px; padding: 0; font-size: 17px; line-height: 1.3; }
.tri-pdv-result-card p { margin: 0 0 4px; padding: 0; font-size: 14px; line-height: 1.5; }
.tri-pdv-result-card i { width: 18px; color: #e8ac22; }
.tri-pdv-result-card .tri-pdv-telephone a { color: inherit; }
@media (max-width: 980px) { .tri-pdv-region-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .tri-pdv-region-list { grid-template-columns: 1fr; } .tri-pdv-map .mapboxgl-ctrl-geocoder { min-width: 0; width: calc(100% - 20px); } }
