/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team customised by DC
Author: Elementor Team, dynamic creative Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * Hide google recaptcha
 * Ce site est protégé par reCAPTCHA et Google <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialité</a> et <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a>.
 */
.grecaptcha-badge { visibility: hidden; }

/*zero*/
*:focus-visible {outline: none;}
a { color: inherit; }
.elementor-text-editor ul {padding-left:20px; margin-bottom:16px;}
.elementor-text-editor p:last-child, .elementor-widget-theme-post-excerpt p:last-child {margin-bottom:0;}
	
/*Form*/
.elementor-field-type-acceptance .elementor-field-option {display:flex; align-items: flex-start;}
.elementor-field-type-acceptance input {position: relative; top:3px; margin-right: 12px;}
.elementor-field-type-acceptance label, .elementor-field-type-acceptance label a {font-size:12px!important; text-transform:none!important; font-weight: 400!important;}
input[type="file"]::file-selector-button { border: 0px solid #e98d40; border-radius:4px; background-color: #e98d40 !important; padding: 10px 20px; font-size: 14px; font-weight: 600; font-family: var( --e-global-typography-b2ce6af-font-family ), Sans-serif; margin-right: 15px; color:#fff; cursor: pointer;	}


input::placeholder, textarea::placeholder {
    color: #AAAAAA!important;
    opacity: 1 !important;
}

/* ===== Cases à cocher – Formulaires Elementor Pro ===== */

/* Case native masquée (structure : .elementor-field-subgroup > .elementor-field-option) */
.elementor-field-subgroup .elementor-field-option input[type="checkbox"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 22px;
	height: 22px;
	margin: 0 10px 0 0;
	flex: 0 0 22px;
	vertical-align: middle;
	border: 1.5px solid rgba(255, 255, 255, 0.45);
	border-radius: 3px;
	background-color: transparent;
	cursor: pointer;
	position: relative;
	transition: border-color .15s ease, background-color .15s ease;
}

.elementor-field-subgroup .elementor-field-option input[type="checkbox"]:hover {
	border-color: rgba(255, 255, 255, 0.8);
}

/* État coché + coche dessinée en CSS */
.elementor-field-subgroup .elementor-field-option input[type="checkbox"]:checked {
	background-color: #ffffff;
	border-color: #ffffff;
}

.elementor-field-subgroup .elementor-field-option input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #1a1a1a;        /* couleur de la coche */
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Focus clavier (accessibilité) */
.elementor-field-subgroup .elementor-field-option input[type="checkbox"]:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.6);
	outline-offset: 2px;
}

/* Alignement case + libellé */
.elementor-field-subgroup .elementor-field-option {
	display: inline-flex;
	align-items: center;
}

.elementor-field-subgroup .elementor-field-option label {
	color: #ffffff;
	cursor: pointer;
	margin: 0;
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {padding-bottom: 10px;}

/* ===== Case d'acceptation RGPD (champ "Acceptation" Elementor) ===== */
.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"] {
	-webkit-appearance: none !important;
	   -moz-appearance: none !important;
	        appearance: none !important;
	width: 22px !important;
	height: 22px !important;
	min-height: 0 !important;
	flex: 0 0 22px !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
	border-radius: 3px !important;
	background-color: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	position: relative;
}

.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"]:hover {
	border-color: rgba(255, 255, 255, 0.8) !important;
}

/* État coché */
.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"]:checked {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

/* La coche dessinée en CSS */
.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #1a1a1a;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Alignement case + texte du consentement */
.elementor-field-type-acceptance .elementor-field-option {
	display: inline-flex;
	align-items: flex-start;   /* flex-start car le texte RGPD est souvent sur plusieurs lignes */
}

.elementor-field-type-acceptance .elementor-field-option input[type="checkbox"] {
	margin-top: 2px !important;  /* aligne la case avec la 1re ligne de texte */
}

/* ===== Boutons radio – Formulaires Elementor Pro ===== */
.elementor-field-subgroup .elementor-field-option input[type="radio"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 22px;
	height: 22px;
	min-height: 0;
	flex: 0 0 22px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1.5px solid rgba(255, 255, 255, 0.45);
	border-radius: 50%;           /* cercle parfait */
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
	position: relative;
	transition: border-color .15s ease;
}

.elementor-field-subgroup .elementor-field-option input[type="radio"]:hover {
	border-color: rgba(255, 255, 255, 0.8);
}

/* État sélectionné : bordure blanche + pastille centrale */
.elementor-field-subgroup .elementor-field-option input[type="radio"]:checked {
	border-color: #ffffff;
}

.elementor-field-subgroup .elementor-field-option input[type="radio"]:checked::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffffff;     /* couleur de la pastille */
	transform: translate(-50%, -50%);
}

/* Focus clavier (accessibilité) */
.elementor-field-subgroup .elementor-field-option input[type="radio"]:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.6);
	outline-offset: 2px;
}