/*
Theme Name: Daisuki Child
Description: Personnalisations durables du site Daisuki pour Hello Elementor.
Author: Daisuki
Template: hello-elementor
Version: 1.2.2
Text Domain: daisuki-child
*/

/*
 * Polices officielles Daisuki, auto-hebergees dans le theme enfant.
 * Les noms de famille correspondent exactement aux metadonnees des fichiers.
 */
@font-face {
	font-family: "Daisuki";
	src: url("assets/fonts/Daisuki-Regular.otf") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Baloo 2";
	src: url("assets/fonts/Baloo2-Regular.ttf") format("truetype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Baloo 2";
	src: url("assets/fonts/Baloo2-SemiBold.ttf") format("truetype");
	font-display: swap;
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "Myriad Pro";
	src: url("assets/fonts/MyriadPro-Regular.otf") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

.font-daisuki {
	font-family: "Daisuki", sans-serif !important;
}

.font-baloo {
	font-family: "Baloo 2", sans-serif !important;
}

.font-myriad {
	font-family: "Myriad Pro", Arial, sans-serif !important;
}

.daisuki-nested-hero {
	width: 100%;
}

.daisuki-nested-hero .e-n-carousel,
.daisuki-nested-hero .swiper,
.daisuki-nested-hero .swiper-slide {
	width: 100%;
}

.daisuki-nested-hero .elementor-swiper-button svg {
	display: none;
}

.daisuki-nested-hero .elementor-swiper-button::before {
	display: block;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

.daisuki-nested-hero .elementor-swiper-button-prev::before {
	background-image: url("/wp-content/uploads/2024/03/Header_Fleche-gauche.svg");
}

.daisuki-nested-hero .elementor-swiper-button-next::before {
	background-image: url("/wp-content/uploads/2024/03/Header_Fleche-droite.svg");
}

/*
 * Fleches du carrousel : centrees verticalement sur la hauteur du widget.
 *
 * La valeur etait a 20 %, ce qui les placait 270 px au-dessus du centre sur un
 * carrousel de 900 px de haut. Le `transform: translateY(-50%)` qui recentre la
 * fleche sur son propre axe vient de e-swiper.min.css : on ne redeclare que le
 * `top`, sans quoi il faudrait le reproduire ici.
 */
.daisuki-nested-hero--desktop .elementor-swiper-button {
	top: 50% !important;
}