/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/

.facetwp-facet{
	margin-bottom:0 !important;
}

/* ==========================================================================
   FacetWP – Facet "type_de_publication" en onglets/pilules
   (rendu identique à la maquette : pilules arrondies, onglet actif foncé)
   ========================================================================== */

.facetwp-facet-type_de_publication {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.facetwp-facet-type_de_publication .facetwp-radio {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 8px 16px;
	background: #fff;
	border: 1px solid #e6e4e1;
	border-radius: 9999px;
	color: #2e2a27;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* L'icône par défaut de FacetWP (puce radio) n'est pas utile en mode onglets */
.facetwp-facet-type_de_publication .facetwp-radio:before {
	display: none;
}

.facetwp-facet-type_de_publication .facetwp-radio:hover {
	border-color: #2e2a27;
}

/* Onglet sélectionné */
.facetwp-facet-type_de_publication .facetwp-radio.checked {
	background: #2e2a27;
	border-color: #2e2a27;
	color: #fff;
}

/* Compteur (le petit nombre à droite du libellé) */
.facetwp-facet-type_de_publication .facetwp-counter {
	margin-left: 2px;
	font-size: 11px;
	font-weight: 700;
	vertical-align: super;
	color: #9a948d;
}

.facetwp-facet-type_de_publication .facetwp-radio.checked .facetwp-counter {
	color: rgba(255, 255, 255, .65);
}

/* ==========================================================================
   FacetWP – Facets DropDown
   ========================================================================== */
.facetwp-dropdown{
	background-color:var(--e-global-color-surface);
	border-color:var(--e-global-color-border);
	font-size:14px;
}


/* =====================================================================
   JAMANA YAAM — Styles Gravity Forms
   ---------------------------------------------------------------------
   Thème CLAIR aligné sur le design system jamana-yaam.bf et ancré sur
   les variables globales du kit Elementor (Hello Elementor + Elementor PRO).

   Globals Elementor disponibles dans ce kit :
     --e-global-color-primary    #E6973E  (orange — boutons, focus, coches)
     --e-global-color-secondary  #61473C  (marron — accents chauds)
     --e-global-color-text       #1D1D1B  (encre — texte, libellés)
     --e-global-color-accent     #B1312E  (rouge — erreurs / danger)
     --e-global-typography-text-*    (Inter 400 / 17px — corps)
     --e-global-typography-accent-*  (Inter 600 / 15px — boutons, libellés)

   Tokens du design system NON présents dans le kit (valeurs littérales) :
     primary-dark  #B3731F   (hover orange)
     primary-tint  #FBE8D0   (anneau de focus doux)
     surface       #FFFFFF   (fond des champs)
     ink-muted     #4A4A4A   (sous-libellés, bordure hover)
     border        #E5E1D8   (bordures de champs)
   ===================================================================== */


/* ============================ GLOBAL ============================ */
/* S'applique à tous les formulaires (thèmes "api" et "framework" de GF 2.7+) */
.gform-theme--api,
.gform-theme--framework{

	/* --- Couleur d'accent (boutons, coches, focus) → global primary --- */
	--gf-color-primary:var( --e-global-color-primary ) !important;            /* #E6973E */
	--gf-color-primary-rgb:230, 151, 62 !important;
	--gf-color-primary-darker:#B3731F !important;                             /* hover */
	--gf-color-primary-contrast:#ffffff !important;                           /* texte sur orange */
	--gf-color-primary-contrast-rgb:255, 255, 255 !important;

	/* --- Champs (inputs) : thème clair --- */
	--gf-local-bg-color:#ffffff !important;                                   /* fond derrière le champ */
	--gf-color-in-ctrl:#ffffff !important;                                    /* fond du champ */
	--gf-color-in-ctrl-contrast:var( --e-global-color-text ) !important;      /* texte saisi #1D1D1B */
	--gf-color-in-ctrl-contrast-rgb:29, 29, 27 !important;
	--gf-color-in-ctrl-primary:var( --e-global-color-primary ) !important;    /* remplissage coche/radio */
	--gf-color-in-ctrl-primary-darker:#B3731F !important;
	--gf-local-color:var( --e-global-color-text ) !important;
	--gf-color-out-ctrl-dark:var( --e-global-color-text ) !important;

	/* --- Libellés --- */
	--gf-ctrl-label-color-primary:var( --e-global-color-text ) !important;    /* #1D1D1B */
	--gf-ctrl-label-color-secondary:#4A4A4A !important;                       /* sous-libellés */
	--gf-ctrl-label-font-size-primary:var( --e-global-typography-accent-font-size ) !important;   /* 15px */
	--gf-ctrl-label-font-size-secondary:13px !important;

	/* --- Bordures --- */
	--gf-ctrl-border-color:#E5E1D8 !important;
	--gf-ctrl-border-color-hover:#4A4A4A !important;
	--gf-ctrl-border-color-focus:var( --e-global-color-primary ) !important;
	--gf-ctrl-border-width:1.5px !important;

	/* --- Dimensions & rayons (design system : --r-md = 8px) --- */
	--gf-ctrl-size-md:48px !important;
	--gf-radius:8px !important;
	--gf-form-gap-y:24px !important;

	/* --- Boutons → typo "accent" du kit (Inter 600) --- */
	--gf-ctrl-btn-radius:8px !important;
	--gf-ctrl-btn-font-size:var( --e-global-typography-accent-font-size ) !important;
	--gf-ctrl-btn-font-weight:var( --e-global-typography-accent-font-weight ) !important;
	--gf-ctrl-btn-font-family:var( --e-global-typography-accent-font-family ), Sans-serif !important;
	--gf-ctrl-btn-text-transform:none !important;

	/* --- Choix (radio / checkbox) --- */
	--gf-ctrl-radio-check-size:10px !important;
	--gf-ctrl-choice-check-color:#ffffff !important;                          /* coche blanche sur orange */

	/* --- États / validation --- */
	--gf-color-danger:var( --e-global-color-accent ) !important;              /* #B1312E */
	--gf-form-validation-outline-focus:none !important;
	--gf-form-validation-radius:8px !important;
}

/* Anneau de focus doux (primary-tint) sur les champs.
   Sélecteur générique (indépendant des classes de thème GF) pour passer
   devant les styles du kit Elementor (.elementor-kit-NN … .elementor-field-textual). */
.gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.gform_wrapper .elementor-field-textual:focus{
	border-color:var( --e-global-color-primary ) !important;
	box-shadow:0 0 0 3px rgba(230, 151, 62, 0.22) !important;
	outline:none !important;
}

/* Bordure au survol des champs (sauf focus, qui reste orange).
   Même sélecteur générique + !important pour primer sur le kit Elementor.
   Fallback #4A4A4A si la variable de thème GF n'est pas définie sur le champ. */
.gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover:not(:focus),
.gform_wrapper textarea:hover:not(:focus),
.gform_wrapper select:hover:not(:focus),
.gform_wrapper .elementor-field-textual:hover:not(:focus){
	border-color:var( --gf-ctrl-border-color-hover, #4A4A4A ) !important;
}

/* Placeholders plus discrets que le contenu réellement saisi
   (encre atténuée + opacité réduite) — CSS pur */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{
	color:#4A4A4A !important;
	opacity:0.55 !important;
}
.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder{
	color:#4A4A4A !important;
	opacity:0.55 !important;
}
.gform_wrapper input::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder{
	color:#4A4A4A !important;
	opacity:0.55 !important;
}

/* Bouton submit : orange plein → hover orange foncé */
.gform_wrapper .gform_footer .gform_button[type="submit"],
.gform_wrapper .gform_page_footer .gform_button[type="submit"]{
	background-color:var( --e-global-color-primary ) !important;
	border-color:var( --e-global-color-primary ) !important;
	color:#ffffff !important;
	transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.gform_wrapper .gform_footer .gform_button[type="submit"]:hover,
.gform_wrapper .gform_page_footer .gform_button[type="submit"]:hover{
	background-color:#B3731F !important;
	border-color:#B3731F !important;
}
.gform_button.gform_button_svg{
	outline:none !important;
}

/* Légende "champ requis" — discrète (encre atténuée sur fond clair) */
.gform_required_legend{
	color:#4A4A4A !important;
}
.gfield_required{
	color:var( --e-global-color-accent ) !important;
}

/* Erreurs de validation */
.gform_validation_error .gform_button[type="submit"]{
	background-color:var( --e-global-color-accent ) !important;
	border-color:var( --e-global-color-accent ) !important;
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select{
	border-color:var( --e-global-color-accent ) !important;
	box-shadow:0 0 0 3px rgba(177, 49, 46, 0.12) !important;
}
/* FIN GLOBAL */


/* ============================ SELECT ============================ */
/* Liste déroulante claire + chevron custom (Civilité, Pays, Objet…) */
.gform_wrapper select{
	background-color:#ffffff !important;
	appearance:none !important;
	-webkit-appearance:none !important;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
	background-repeat:no-repeat !important;
	background-position:right 14px center !important;
	padding-right:40px !important;
}
.gform_wrapper select:focus{
	border-color:var( --e-global-color-primary ) !important;
}
/* FIN SELECT */


/* ===================== UPLOAD DE FICHIER ===================== */
/* Bouton "Sélectionner un fichier" → style secondaire (clair) */
.gform_button_select_files{
	font-size:var( --gf-ctrl-label-font-size-primary ) !important;
	font-weight:600 !important;
	font-family:var( --e-global-typography-accent-font-family ), Sans-serif !important;
	text-transform:inherit !important;
	padding:10px 16px !important;
	background:transparent !important;
	border:1.5px solid var( --e-global-color-text ) !important;
	color:var( --e-global-color-text ) !important;
	border-radius:8px !important;
	min-height:auto !important;
	transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.gform_button_select_files:hover{
	background:var( --e-global-color-text ) !important;
	color:#ffffff !important;
}
/* Masquer les règles d'upload (poids/extensions) pour un rendu épuré.
   Retirer ce bloc pour ré-afficher les consignes. */
.gform_fileupload_rules{
	display:none !important;
}
/* FIN UPLOAD */


/* ==================== SÉLECTEUR DE PAYS ==================== */
/* Champ téléphone international (intl-tel-input / .iti) */
.iti__selected-country{
	padding:0 0 0 6px !important;
	border-radius:8px !important;
	background-color:transparent !important;
	border-color:transparent !important;
}
.iti__arrow{
	border-top-color:#4A4A4A !important;
}
.iti__selected-country .iti__arrow--up{
	border-bottom-color:var( --e-global-color-primary ) !important;
}
.iti__dropdown-content{
	border-radius:8px !important;
	border:1.5px solid #E5E1D8 !important;
}
.iti__country.iti__highlight{
	background-color:rgba(230, 151, 62, 0.12) !important;
}
/* FIN SÉLECTEUR DE PAYS */


/* ==================== CHAMP "AUTRE" ==================== */
.gchoice_other_control[disabled]{
	display:none !important;
}


/* ==================== CASES À COCHER (CHECKBOX) ====================
   Coche blanche visible sur fond orange une fois la case cochée,
   indépendamment des variables internes de Gravity Forms (certaines
   versions ne rendent pas la coche, qui devient invisible orange/orange).
   ================================================================== */
.gform_wrapper input[type="checkbox"]{
	appearance:none !important;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	width:20px !important;
	height:20px !important;
	min-width:20px !important;
	flex:0 0 auto !important;
	margin:0 8px 0 0 !important;
	padding:0 !important;
	border:1.5px solid #E5E1D8 !important;
	border-radius:5px !important;
	background-color:#ffffff !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-size:14px 14px !important;
	cursor:pointer !important;
	vertical-align:middle !important;
	transition:background-color .15s ease, border-color .15s ease !important;
}
.gform_wrapper input[type="checkbox"]:hover{
	border-color:#4A4A4A !important;
}
.gform_wrapper input[type="checkbox"]:checked{
	background-color:var( --e-global-color-primary ) !important;
	border-color:var( --e-global-color-primary ) !important;
	/* Coche blanche (tracé SVG) bien lisible sur l'orange */
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
}
.gform_wrapper input[type="checkbox"]:focus{
	outline:none !important;
	box-shadow:0 0 0 3px rgba(230, 151, 62, 0.22) !important;
}
/* FIN CASES À COCHER */


/* ===================== FORMULAIRE NEWSLETTER =====================
   Newsletter intégrée dans le bloc sombre .cta-news (fond encre, texte blanc).
   → Donner au formulaire la classe CSS  "gf-newsletter"
     (Réglages du formulaire → Apparence → Classe CSS personnalisée)
   Champ e-mail unique + bouton flèche circulaire orange.
   ================================================================ */

/* Disposition en ligne (champ + bouton) */
.gform_wrapper.gf-newsletter .gform_fields{
	position:relative;
}
.gform_wrapper.gf-newsletter label,
.gform_wrapper.gf-newsletter .gform_validation_container{
	display:none !important;
}

/* Champ e-mail clair-sur-sombre */
.gform_wrapper.gf-newsletter input[type="email"],
.gform_wrapper.gf-newsletter input[type="text"]{
	background:rgba(255, 255, 255, 0.06) !important;
	border:1.5px solid rgba(255, 255, 255, 0.18) !important;
	color:#ffffff !important;
	border-radius:8px !important;
	padding-right:60px !important;
}
.gform_wrapper.gf-newsletter input::placeholder{
	color:rgba(255, 255, 255, 0.5) !important;
}
.gform_wrapper.gf-newsletter input[type="email"]:focus,
.gform_wrapper.gf-newsletter input[type="text"]:focus{
	border-color:var( --e-global-color-primary ) !important;
	box-shadow:0 0 0 3px rgba(230, 151, 62, 0.26) !important;
}

/* Bouton flèche circulaire orange, calé à droite du champ */
.gform_wrapper.gf-newsletter .gform_footer{
	position:absolute !important;
	right:6px;
	top:0;
	bottom:0;
	margin:0 !important;
	padding:0 !important;
	display:flex;
	align-items:center;
}
.gform_wrapper.gf-newsletter .gform_button[type="submit"]{
	width:40px !important;
	height:40px !important;
	min-height:40px !important;
	padding:0 !important;
	border:none !important;
	border-radius:8px !important;
	background-color:var( --e-global-color-primary ) !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	outline:none !important;
	overflow:hidden;
	/* Flèche SVG blanche en arrière-plan */
	color:transparent !important;
	text-indent:-9999px;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iNSIgeTE9IjEyIiB4Mj0iMTkiIHkyPSIxMiIvPjxwb2x5bGluZSBwb2ludHM9IjEyIDUgMTkgMTIgMTIgMTkiLz48L3N2Zz4=") !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-size:18px 18px !important;
	transition:background-color .2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.gform_wrapper.gf-newsletter .gform_button[type="submit"]:hover{
	background-color:#B3731F !important;
}
/* Consentement RGPD (texte fin sous le champ) en blanc atténué */
.gform_wrapper.gf-newsletter .gfield_consent_label,
.gform_wrapper.gf-newsletter .gform_consent_description{
	color:rgba(255, 255, 255, 0.6) !important;
}
/* FIN FORMULAIRE NEWSLETTER */

/* ===== Mise en page par CPT dans une grille de boucle ===== */
/* Avec [cpt-marker] (cf. jy_cpt_marker_shortcode) : un loop item unique contient
   les deux mises en page (.jy-cpt-post et .jy-cpt-publication) ; on masque celle
   qui ne correspond pas au CPT du post courant. Tout est rendu nativement par
   Elementor, donc aucun CSS de template ne manque. */
.jy-cpt-marker{
	display:none !important;
}
.e-loop-item:has(.jy-cpt-marker[data-jy-cpt="post"]) .jy-cpt-publication,
.e-loop-item:has(.jy-cpt-marker[data-jy-cpt="publication"]) .jy-cpt-post{
	display:none !important;
}
/* FIN MISE EN PAGE PAR CPT */