/*
Theme Name:     Kalitys-theme
Description:    Hello-elementor child theme.
Author:         Kalitys
Author URI:     https://www.kalitys.com/
Template:       hello-elementor
Version:        0.1.0
*/


.elementor-field-type-submit{display:block !important;}
.shang{float:left;}
#wydbtn1,#wydbtn2,#wydbtn3,#wydbtn4,#wydbtn5,#wydbtn6{float:right;}
button#wydbtn6,#wydshang5{display:none;}
.selimg{width: 50%;display: block;margin-left: 48px;margin-bottom: 10px;}


/* Style du récapitulatif */
#recap-container {
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
	width: 50%;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}

#recap-container h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 15px;
}

#recap-list {
    list-style-type: none;
    padding-left: 0;
}

#recap-list li {
    font-size: 16px;
    margin-bottom: 10px;
}

#recap-list li strong {
    color: #2a2a2a;
}

/* Style du prix */
#prix-container {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
	width: 50%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5%;
}

#prix-container p {
    font-size: 18px;
    font-weight: bold;
    color: #2a2a2a;
}

#prix-valeur {
    color: #28a745;
    font-size: 22px;
}

/* Animation de l'apparition */
#recap-container, #prix-container {
    display: none;
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Amélioration des boutons */
.calculate-price {
    background-color: #28a745;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
}

.calculate-price:hover {
    background-color: #218838;
}

/* Images sélectionnées */
.selimg {
    width: 70%;
    height: 50px;
    margin-left: 10px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.contact-phone{
	width: 40%!important;
	background: #EC7711!important;
	color: #fff!important;
	margin-left: auto!important;
	margin-right: auto!important;
	cursor: pointer!important;
	text-align: center!important;
	padding: 3%!important;
	z-index: 999;
	margin-bottom: 15%;
	transition: all 0.3s;
}

.contact-phone:hover{
	cursor: pointer!important;
	background: #38B6FF!important;
}

#wyddiv5p2 .elementor-field-subgroup, #wyddiv6 .elementor-field-subgroup{
	flex-wrap: nowrap!important;
}

#wyddiv5p2 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option, #wyddiv6 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
	margin: 2%;
	
}


.calculate-price:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

span.elementor-field-option{
	transition: all 0.4s;
}

span.elementor-field-option:hover{
	cursor: pointer;
	scale: 1.02;
}

input#form-field-mysel2-1:hover, label:hover{
	cursor: pointer;
}