/*
 * Ochanta — diapositives des carrousels de témoignages (the7_testimonials_carousel) et de
 * contenu (the7_content_carousel).
 *
 * Disposition d'une diapositive (grille) : --the7-slider-layout-columns,
 * --the7-slider-template-areas, --the7-slider-template-rows, --the7-slider-layout-gap,
 * --the7-slider-layout-margin (réglages « Position de l'image ») ; alignement :
 * --content-text-align, --content-justify-self ; titre : --the7-title-alignment, --the7-title-justify.
 */

.text-and-icon-carousel,
.testimonials-carousel {
	margin-right: auto;
	margin-left: auto;
}

.dt-owl-item-wrap {
	display: block;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: all .3s ease;
}

a.dt-owl-item-wrap,
a.dt-owl-item-wrap:hover {
	color: inherit;
}

.dt-owl-item-inner {
	display: grid;
	align-self: flex-start;
	grid-gap: 0;
	grid-template-rows: auto;
	width: 100%;
	color: inherit;
}

.text-and-icon-carousel .dt-owl-item-wrap:not(.hide-icon) .dt-owl-item-inner,
.testimonials-carousel .dt-owl-item-wrap .dt-owl-item-inner {
	grid-column-gap: var(--the7-slider-layout-gap);
	grid-template-areas: var(--the7-slider-template-areas);
	grid-template-columns: var(--the7-slider-layout-columns);
	grid-template-rows: var(--the7-slider-template-rows);
	text-align: var(--content-text-align);
}

.text-and-icon-carousel .hide-icon .dt-owl-item-inner {
	grid-template-areas: "icon" "header" "desc" "button";
	grid-template-columns: minmax(0, 100%);
	text-align: var(--content-text-align);
}

.testimonials-carousel .dt-owl-item-wrap.hide-icon .dt-owl-item-inner {
	grid-template-areas: var(--the7-slider-template-areas-noicon);
	grid-template-columns: var(--the7-slider-layout-columns-noicon);
}

/* Titre, sous-titre, texte, bouton */
.dt-owl-item-heading,
.dt-owl-item-subtitle {
	justify-self: var(--the7-title-justify, center);
	text-align: var(--the7-title-alignment, center);
	transition: color .3s ease;
}

.dt-owl-item-heading {
	grid-area: header;
}

.dt-owl-item-subtitle {
	grid-area: subtitle;
}

.dt-owl-item-heading a,
.dt-owl-item-heading a:hover {
	color: inherit;
}

.dt-owl-item-description {
	grid-area: desc;
	transition: color .3s ease;
}

a.dt-owl-item-wrap:hover .dt-owl-item-description {
	color: inherit;
}

.dt-slide-button {
	grid-area: button;
	align-self: flex-start;
	pointer-events: none;
	transition: all .3s ease;
}

.elements-hover .dt-slide-button {
	pointer-events: auto;
}

.text-and-icon-carousel .dt-slide-button,
.text-and-icon-carousel .dt-owl-item-icon,
.text-and-icon-carousel .dt-owl-item-image,
.testimonials-carousel .dt-slide-button,
.testimonials-carousel .dt-owl-item-icon,
.testimonials-carousel .dt-owl-item-image {
	justify-self: var(--content-justify-self, flex-start);
}

/* Image */
.dt-owl-item-image {
	position: relative;
	display: inline-block;
	align-self: flex-start;
	grid-area: icon;
	max-width: 100%;
	line-height: 0;
}

.text-and-icon-carousel .dt-owl-item-inner .dt-owl-item-image,
.testimonials-carousel .dt-owl-item-inner .dt-owl-item-image {
	width: var(--img-width);
	margin: var(--the7-slider-layout-margin);
}

.dt-owl-item-image::before,
.dt-owl-item-image::after {
	position: absolute;
	inset: 0;
	content: "";
	transition: opacity .3s ease;
}

.dt-owl-item-image::before {
	z-index: 1;
}

.dt-owl-item-image::after,
.box-hover:hover .dt-owl-item-image::before,
.elements-hover .dt-owl-item-image:hover::before {
	opacity: 0;
}

.dt-owl-item-image::before,
.box-hover:hover .dt-owl-item-image::after,
.elements-hover .dt-owl-item-image:hover::after {
	opacity: 1;
}

.scale-img .dt-owl-item-image,
.quick-scale-img .dt-owl-item-image {
	overflow: hidden;
	transform: translateZ(0);
}

.quick-scale-img .dt-owl-item-image img {
	backface-visibility: hidden;
	transition: transform .25s ease-out, opacity .3s ease;
}

.scale-img .dt-owl-item-image img {
	backface-visibility: hidden;
	transition: transform 4s ease-out, opacity .3s ease;
}

.quick-scale-img .box-hover:hover .dt-owl-item-image img,
.quick-scale-img .elements-hover .dt-owl-item-image:hover img,
.scale-img .box-hover:hover .dt-owl-item-image img,
.scale-img .elements-hover .dt-owl-item-image:hover img {
	transform: scale(1.2);
}

/* Icône */
.dt-owl-item-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: icon;
	width: var(--icon-width);
	max-width: 100%;
	height: var(--img-height);
	margin: var(--the7-slider-layout-margin);
	padding-top: var(--icon-top-padding);
	line-height: var(--img-height);
}

.dt-owl-item-icon i,
.dt-owl-item-icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate3d(-50%, -50%, 0);
}

.dt-owl-item-icon i {
	font-size: var(--icon-font-size);
	transition: color .3s ease;
}

.dt-owl-item-icon svg {
	width: var(--icon-font-size);
	height: auto;
	fill: currentColor;
	transition: all .3s ease;
}

.dt-owl-item-icon::before,
.dt-owl-item-icon::after {
	position: absolute;
	inset: 0;
	z-index: 2;
	margin: 0 !important;
	border-style: solid;
	border-radius: inherit;
	font-size: 0 !important;
	content: "";
	transition: opacity .3s ease;
}

.dt-owl-item-icon::after,
.box-hover:hover .dt-owl-item-icon::before,
.elements-hover .dt-owl-item-icon:hover::before {
	opacity: 0;
}

.dt-owl-item-icon::before,
.box-hover:hover .dt-owl-item-icon::after,
.elements-hover .dt-owl-item-icon:hover::after {
	opacity: 1;
}

/* Flèches à la couleur d'accent par défaut */
.text-and-icon-carousel .owl-nav div,
.text-and-icon-carousel .owl-nav div:hover,
.testimonials-carousel .owl-nav div,
.testimonials-carousel .owl-nav div:hover {
	color: var(--the7-accent-color);
}