/*
Theme Name: Hello Elementor Enfant
Description: Theme enfant de Hello Elementor.
Author: Pierrick Pralong
Author URI: http://panierdepixels.fr/
Template: hello-elementor
Version: 1.0
*/

/**-- PAGE D'ACCUEIL --**/
.p9titre {font-family: Scriptina,"Great Vibes",cursive; color: #c9a482;
	font-size: 190px;
    line-height: 350px; text-transform: none; font-weight: 400;}

@media only screen and (max-width: 800px)
{
	.p9titre {font-size: 75px; line-height: 150px;}
}


/**-- LIBRAIRIE - UN PRODUIT --**/
/* Masquer le formulaire contact un écrivain */
.masquerform-oui #p9formlibrairie {display:none;}

/**-- Icone Guillement sur carousel citation --**/
.elementor-testimonial .elementor-testimonial__content:before {
	content: "guill";
    color: #FFF0;
	margin:0px 0px 20px 0px;
	background-image: url('https://v2022.redacnet.com/wp-content/uploads/2023/03/icone-guillement.png');
    font-size: 25px;
    display: inline-block;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}

/**-- TARIF --**/
.single-tarif .elementor-toggle-icon-closed i,
.single-tarif .elementor-toggle-icon-opened i
{font-size: 25px; line-height: 15px;}

/**Bouton de commande supplémentaire**/
.boutonSupplProduit{
	font-family: "Josefin Sans", Sans-serif;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 29px 10px 29px;
	margin:94px 0 0;
    color: #000000!important;
    background-color: #ffffff;
    border-color: #000000;
    transition: all 0.5s;
	font-weight:700;
	position:absolute;
}
.boutonSupplProduit:hover{
	color:white!important;
	background-color:black;
}

/** Afficher les tarifs correctement sur smartphone**/
@media only screen and (max-width: 768px)
{
.parent-tarifs .elementor-post__thumbnail {min-height: 160px;}
.parent-tarifs .elementor-posts .elementor-post__card .elementor-post__text {padding: 0 3px;}
.parent-tarifs h3.elementor-post__title {text-align: center;}
.parent-tarifs .elementor-post__excerpt {text-align: center;}
.parent-tarifs .elementor-post__text {margin-top: 0px !important;}
.parent-tarifs a.elementor-post__read-more {text-align: center; display: block !important;}
}

/**-- BLOG --**/
.single-post .elementor-widget-container h4 strong span,
.single-post .elementor-widget-container h4 strong,
.single-post .elementor-widget-container h4,
.single-post .elementor-widget-container a .has-inline-color,
.single-post .elementor-widget-container span.has-inline-color,
.single-post .elementor-widget-container p.has-text-color,
.single-post .elementor-widget-container a,
.single-post span[style*="color: #800080;"]
{color: var(--e-global-color-primary ) !important;}

@media only screen and (max-width: 768px)
{
.single-post .wp-block-image, .single-post img {display: grid; width: 100%;}
	figure {display: contents;}
}

/**-- DEVIS --**/
/*- Formulaire : Correction -*/

/* Cache le bouton radio par défaut */
.pafe-multi-step-form__content input[type="radio"], .pafe-multi-step-form__content input[type="checkbox"] { display: none !important;}

/* Style par défaut des labels entourés d'une bordure */
.pafe-multi-step-form__content form span.elementor-field-option .pafe-checkbox-label,
.pafe-multi-step-form__content .elementor-field-type-text .pafe-field-container  input[type="text"],
.pafe-multi-step-form__content .elementor-field-group .elementor-select-wrapper select,
.pafe-multi-step-form__content .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group input
{display: flex; flex-wrap: wrap; padding: 1rem; margin: 5px; border: 1px solid #111; border-radius: 5px;
cursor: pointer; transition: background-color 0.3s, border-color 0.3s; font-size: 16px;  min-width: 87%;}

.pafe-multi-step-form__content form .elementor-field-subgroup 
{display: flex; flex-wrap: wrap; justify-content: space-between; /* Pour espacer les éléments */}

.pafe-multi-step-form__content form .elementor-field-subgroup .elementor-field-option
{flex-basis: 48%; /* Prend 48% de la largeur pour chaque span afin de les placer 2 par 2 */
    margin-bottom: 10px;  width: 100%; /* Chaque bouton occupe toute la largeur de son container flex */}
.pafe-multi-step-form__content .elementor-field-type-text .pafe-field-container
{flex-basis: 100%;}

.pafe-multi-step-form__content form .elementor-field-subgroup .elementor-field-option input[type="checkbox"],
.pafe-multi-step-form__content form .elementor-field-subgroup .elementor-field-option input[type="radio"]
{ margin-right: 10px; /* Espace entre le checkbox et le label */}

.pafe-multi-step-form__content form .pafe-checkbox-label 
{width: calc(100% - 30px); /* Le label prend le reste de la place, ajusté avec le checkbox */}



/* Lorsque le bouton radio est sélectionné, applique un style différent au label */
.pafe-multi-step-form__content form span.elementor-field-option input[type="radio"]:checked + .pafe-checkbox-label,
.pafe-multi-step-form__content form span.elementor-field-option input[type="checkbox"]:checked + .pafe-checkbox-label
{ background-color: var( --e-global-color-primary ); border-color: var( --e-global-color-primary ); color: white; }

/* Ajoute un effet au survol */
.pafe-multi-step-form__content form span.elementor-field-option .pafe-checkbox-label:hover
{ border-color: var( --e-global-color-primary );}

/* Devis formulaire modification des champs à cocher sur support tablette et mobile */
@media all and (max-width:700px){
	.pafe-multi-step-form__content form .elementor-field-subgroup .elementor-field-option{
		flex-basis:100%;margin-bottom:5px; padding-inline-end:0px;
	}
}
@media all and (max-width:475px){
	.pafe-multi-step-form__progressbar{
		flex-wrap:initial!important;width:100%;
	}
}

/* Récapitulatif projet*/
.recap-projet label.pafe-checkbox-label{
	cursor:pointer;
	background: #c9a482;
    padding: 15px !important;
    border-radius: 10px;
    border: solid 2px #715943;
    color: white;
	font-size: 18px !important;
	display:inline-block!important;
	width:100%;
}
.recap-projet label.pafe-checkbox-label:hover{
	background: white;
	color: #c9a482;
}
.recap-projet label.pafe-checkbox-label::after{
	font-family: "Font Awesome 5 Free"!important;
	content:"\f078";
	font-size:20px;
	color:white;
	position: absolute;
    right: 15px;
	top:16px;
}
.recap-projet label.pafe-checkbox-label:hover::after{
	color: #c9a482;
}

/*Page livre d'or espace laisser un avis*/
.page-id-10 #comments .title-comments{display:none;}
#respond, #annulerAvis{
	display:none;
}
#conteneurEcrireAvis{
	text-align:center;
}
#ecireAvis{
	margin:0 auto 25px;
	width:150px;
	text-transform: uppercase;
}

/* Tooltip */
@media only screen and (max-width: 500px)
{.p9tooltip [data-tippy-root] {width: 100%;max-width: none;}
}
.p9tooltip [data-tippy-root] {width: 500px; max-width: none;}
.p9tooltip [data-tippy-root] .tippy-box {max-width: 100% !important;}