/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/


/*MADE BY BLUE DOT STUDIO*/

.madewithlove::after{
	content:"";
	background:url(https://bluedotstudio.be/wp-content/uploads/2025/03/BlueDotstudio-Logo-white-footer.svg);
	width:85px;
	height:20px;
	margin-left: 6px;
}

/*COUNTDOWN*/
.custom-countdown{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
}

.custom-countdown span{
    display:block;
    font-size:80px;
    font-weight:700;
    line-height:1;
    color:var(--Jaune);
}

.custom-countdown .cd-time-text{
    font-weight:400;
    font-size:20px;
    color:var(--Blanc);
}

.custom-countdown span:not(.cd-time-text)::after{
    content:".";
}


/*TITRE PAGE*/
#titre-image{
	aspect-ratio:72/25;
}

/*MENU*/
ul.sub-menu.elementor-nav-menu--dropdown{
	background: url(https://staging.pomsdor.be/wp-content/uploads/2026/09/bkg-submenu.svg);
	background-size:100%;
}


/*BOUTONS*/
button, .button-base{
	position:relative;
}
button::before, .button-base::before{
	content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Poms-Dor-∅.svg);
    background-position: center;
    background-repeat: no-repeat;
	left: 20px;
	top:11px;
	transition:.3s all ease-in-out;
	transform-origin:center;
	opacity:1;
	transform:rotate(0deg);
}
.button-secondaire::before, .button-secondaire::after, .button-secondaire:hover::before, .button-secondaire:hover::after{
	top:8px !important;
}
button:hover::before, .button-base:hover::before{
	transform:rotate(-90deg);
	opacity:0;
}
button::after, .button-base::after{
	content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Poms-Dor-∅-hover.svg);
    background-position: center;
    background-repeat: no-repeat;
	left: 20px;
	top:11px;
	transition:.3s all ease-in-out;
	transform-origin:center;
	opacity:0;
	transform:rotate(90deg);
}
button:hover::after, .button-base:hover::after{
	transform:rotate(0deg);
	opacity:1;
}


/*FORMULAIRE*/

form label.elementor-field-label {
    position: relative;
    width: 100%;
    padding-bottom: 11px !important;
}

form .elementor-col-50 label.elementor-field-label::after{
	content:"";
	background:url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Form-line-50.svg);
	background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    left: 0;
    bottom: 0px;
    position: absolute;
}

form .elementor-col-33 label.elementor-field-label::after{
	content:"";
	background:url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Form-line-33.svg);
	background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    left: 0;
    bottom: 0px;
    position: absolute;
}

form .elementor-col-100 label.elementor-field-label::after{
	content:"";
	background:url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Form-line-100.svg);
	background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    left: 0;
    bottom: 0px;
    position: absolute;
}

form .elementor-field-type-radio .elementor-field-subgroup label, form .elementor-field-type-acceptance label{
	font-weight: 400;
    text-transform: none;
}
form label[for="form-field-nombre_adulte"]{
	height: calc(100% - 40px);
}
form .elementor-subgroup-inline{
	gap:20px;
}



/*RESPONSIVE*/
@media (max-width:767px){
	form .elementor-col-33 label.elementor-field-label::after, form .elementor-col-50 label.elementor-field-label::after{
		background:url(https://staging.pomsdor.be/wp-content/uploads/2026/08/Form-line-100.svg);
	}
}