/*
Theme Name:  Listeo ChildTheme


Theme URI: http://listeo.pro


Author: Purethemes


Author URI: http://themeforest.net/user/purethemes


Description: Directory WordPress Theme by Purethemes


Version: 1.0


License: ThemeForest


License URI: http://themeforest.net/licenses


Text Domain: listeo


Domain Path: /languages/


Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns


Template:  listeo
*/
/* MP*/
.mp-credits-hint {
	text-align:center;
	line-height:normal;
}
/* Fin MP*/

/* Newsletter footer*/
.email-long {
  width: 100% !important; /* tu peux mettre 100%, 400px, etc. */
  padding: 0px;
  font-size: 10px;
	display: flex;
	height: 30px !important;
}
.boutton-long {
  
  padding: 0px;
  font-size: 10px;
	display: flex;
	height: 30px !important;	
}
.wpcf7-form-control-wrap[data-name="your-email"],
.wpcf7-submit {
  display: inline-block;
  vertical-align: middle;
}

.wpcf7-form-control-wrap[data-name="your-email"] {
  width: 70%; /* ou 100%, selon la place voulue */
  margin-right: 10px;
  font-size: 12px;
}
.wpcf7-form-control-wrap[data-name="your-email"] input {
	font-size: 12px !important;
}
.wpcf7-submit {
  width: auto;
}
/* Fin Newsletter footer*/

#footer h4  {
	padding-bottom: 13px;
	line-height: 30px;
	position: relative;
	display: block;
}
#footer h4:after  {
	bottom: 0;
	top: initial;
	width: 60px;
	content: "";
	height: 2px;
	border-radius: 6px;
	background: #f96c3a;
	display: block;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	
}
#footer ul.menu li a { 
	font-size:14px;
  
  padding: 0 0 0 14px;
}

#footer ul.menu {
	width:100%;
}

#footer p { 
	font-size:14px;
  line-height: auto;
	text-align:justify;
  padding: 0 0 0 14px;
}

#footer h4 { 
	font-size:16px;
  line-height: auto;
  padding: 0 0 0 14px;
}
/* largeur colonne footer*/
/* Layout footer personnalisé */
#footer .row {
	display: flex;
	flex-wrap: wrap;
}

#footer .row > [class*="col-"] {
	float: none;
}

/* Desktop (>= 992px): 1=35%, 2=15%, 3=25%, 4=25% */
@media (min-width: 992px) {
	#footer .row > .col-md-3:nth-child(1) { width: 35%; }
	#footer .row > .col-md-3:nth-child(2) { width: 15%; }
	#footer .row > .col-md-3:nth-child(3) { width: 25%; }
	#footer .row > .col-md-3:nth-child(4) { width: 25%; }
}

/* Tablette (768px–991px): 1=60%, 2=40%, 3=50%, 4=50% */
@media (min-width: 768px) and (max-width: 991px) {
	#footer .row > .col-md-3:nth-child(1) { width: 60%; }
	#footer .row > .col-md-3:nth-child(2) { width: 40%; }
	#footer .row > .col-md-3:nth-child(3) { width: 50%; }
	#footer .row > .col-md-3:nth-child(4) { width: 50%; }
}

/* Mobile (<= 767px): 1=100%, 2=100%, 3=100%, 4=100% */
@media (max-width: 767px) {
	#footer .row > .col-md-3:nth-child(1),
	#footer .row > .col-md-3:nth-child(2),
	#footer .row > .col-md-3:nth-child(3),
	#footer .row > .col-md-3:nth-child(4) { width: 100%; }
}
/* Fin largeur colonne footer*/

/* bouton addlisting footer*/
#footer  ul#menu-footer-navigation {
	padding-bottom:0px;
	margin-bottom:0px;
}
#footer  ul.menu li:before {
	content: none;
}
#footer  ul.menu li a {
	margin: 0px;
	padding: 0px;
}
#footer  a.button.border {
	padding: 4px 15px;
	color: #f96c3a;
}
#footer  a.button.border:hover {
	padding: 4px 15px;
	color: #fff;
}
#footer .elementor-element-610b00b[data-id="610b00b"] {
	margin:0px;
	padding:0px;
}
/* Fin bouton addlisting footer*/


/* Titre de page h1*/
#titlebar h1  {
	padding-bottom: 13px;
	line-height: 38px;
	position: relative;
	display: block;
}
#titlebar h1:after  {
	bottom: 0;
	top: initial;
	width: 60px;
	content: "";
	height: 2px;
	border-radius: 6px;
	background: #f96c3a;
	display: block;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	
}
/* Fin Titre de page h1*/

/* Desactiver cookies avis*/
.comment-form-cookies-consent {
	display: none;
}
/* Fin Desactiver cookies avis*/

h4.blog {
	color:#f96c3a;
	font-size: 22px;
}
/* Blog et pages texte*/
.post-content h1 {
	font-size: 28px;
}
.post-content p {
	text-align:justify;
}
h2.blog {
	color:#f96c3a;
	font-size: 22px;
}
h4.blog {
	color:#f96c3a;
	font-size: 22px;
}
/* Fin Blog et pages texte*/

/* Couleur des titres sur la homepage*/
.impact {
	color:#f96c3a;
	
}
/* Fin Couleur des titres sur la homepage*/

/* Tags des champs manquants du profil */
.bv-profile-missing-fields {
	margin-top: 15px;
}

.bv-profile-missing-label {
	font-weight: 500;
	margin-bottom: 10px;
	color: #707070;
}

.bv-profile-missing-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.bv-profile-missing-tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	background-color: rgba(249, 108, 58, 0.06);
	border-radius: 20px;
	font-size: 13px;
	color: #333;
	line-height: 1.4;
}

/* Justifier les FAQ*/
.faq-answer-content {
	text-align:justify;
}
/* Fin Justifier les FAQ*/

/* Affiche le bouton Poster une annonce dans le header si pas connecté*/
.user_not_logged_in .header-widget .button:not(.wc-forward)  {
	display: inline-block;
	top: 6px;	
	padding: 4px 15px !important;
}
/* Fin Affiche le bouton Poster une annonce dans le header si pas connecté*/

/* Logo sticky : Rajoute un logooffset que le header normal*/
#header.cloned #logo img {
	transform: translate3d(0,-18px,0);
}
/* Fin Logo sticky : Rajoute un logooffset que le header normal*/

/* largeur colonnes menu*/
#navigation ul ul li {
	width: 320px;
}
#navigation ul ul ul li {
	width: 360px;
}
/* Fin largeur colonnes menu*/

/* Cacher les champs latitude et logitude*/
.form-field-_geolocation_lat-container , .form-field-_geolocation_long-container {
	display: none;
}
/* Fin Cacher les champs latitude et logitude*/

/* Cacher le champ Masquer le tableau des prix dans Offres Prestations et tarifs*/
.form-field-_hide_pricing_if_bookable-container{
	display: none;
}
/* Fin Cacher le champ Masquer le tableau des prix dans Offres Prestations et tarifs*/

/* Couleurs etiquettes catégorie home*/
/*Jardin & Espaces verts*/
.listing-category-tag-nl.cat-198, .listing-category-tag-nl.cat-199, .listing-category-tag-nl.cat-200, .listing-category-tag-nl.cat-201, .listing-category-tag-nl.cat-202{
	background-color:#388E3C !important;
}
/*Réparations & Services techniques*/
.listing-category-tag-nl.cat-215, .listing-category-tag-nl.cat-216, .listing-category-tag-nl.cat-217, .listing-category-tag-nl.cat-218, .listing-category-tag-nl.cat-219, .listing-category-tag-nl.cat-220{
	background-color:#FF00FF !important;
}
/*Électricité, Plomberie & Chauffage*/
.listing-category-tag-nl.cat-221, .listing-category-tag-nl.cat-222, .listing-category-tag-nl.cat-223, .listing-category-tag-nl.cat-224, .listing-category-tag-nl.cat-225{
	background-color:#0288D1 !important;
}
/*Construction & Gros œuvre*/
.listing-category-tag-nl.cat-203, .listing-category-tag-nl.cat-204, .listing-category-tag-nl.cat-205, .listing-category-tag-nl.cat-206, .listing-category-tag-nl.cat-207{
	background-color:#455A64 !important;
}
/*Bricolage & Petits travaux*/
.listing-category-tag-nl.cat-226, .listing-category-tag-nl.cat-227, .listing-category-tag-nl.cat-228, .listing-category-tag-nl.cat-229, .listing-category-tag-nl.cat-230{
	background-color:#D32F2F !important;
}
/*Aménagements intérieurs*/
.listing-category-tag-nl.cat-209, .listing-category-tag-nl.cat-210, .listing-category-tag-nl.cat-211, .listing-category-tag-nl.cat-212, .listing-category-tag-nl.cat-213, .listing-category-tag-nl.cat-214{
	background-color:#6A1B9A !important;
}
/*Aménagements extérieurs*/
.listing-category-tag-nl.cat-118, .listing-category-tag-nl.cat-176, .listing-category-tag-nl.cat-177, .listing-category-tag-nl.cat-178, .listing-category-tag-nl.cat-179{
	background-color:#F9A825 !important;
}
/* Fin Couleurs etiquettes catégorie home*/

/* Couleurs scroll catégorie page listings*/
/*Jardin & Espaces verts*/
.category-item[data-id="198"] .icon-container i, .category-item[data-id="199"] .icon-container i, .category-item[data-id="200"] .icon-container i, .category-item[data-id="201"] .icon-container i, .category-item[data-id="202"] .icon-container i{
	color:#388E3C !important;
}
/*Réparations & Services techniques*/
.category-item[data-id="215"] .icon-container i, .category-item[data-id="216"] .icon-container i, .category-item[data-id="217"] .icon-container i, .category-item[data-id="218"] .icon-container i, .category-item[data-id="219"] .icon-container i, .category-item[data-id="220"] .icon-container i{
	color:#FF00FF !important;
}
/*Électricité"], Plomberie & Chauffage*/
.category-item[data-id="221"] .icon-container i, .category-item[data-id="222"] .icon-container i, .category-item[data-id="223"] .icon-container i, .category-item[data-id="224"] .icon-container i, .category-item[data-id="225"] .icon-container i{
	color:#0288D1 !important;
}
/*Construction & Gros œuvre*/
.category-item[data-id="203"] .icon-container i, .category-item[data-id="204"] .icon-container i, .category-item[data-id="205"] .icon-container i, .category-item[data-id="206"] .icon-container i, .category-item[data-id="207"] .icon-container i{
	color:#455A64 !important;
}
/*Bricolage & Petits travaux*/
.category-item[data-id="226"] .icon-container i, .category-item[data-id="227"] .icon-container i, .category-item[data-id="228"] .icon-container i, .category-item[data-id="229"] .icon-container i, .category-item[data-id="230"] .icon-container i{
	color:#D32F2F !important;
}
/*Aménagements intérieurs*/
.category-item[data-id="209"] .icon-container i, .category-item[data-id="210"] .icon-container i, .category-item[data-id="211"] .icon-container i, .category-item[data-id="212"] .icon-container i, .category-item[data-id="213"] .icon-container i, .category-item[data-id="214"] .icon-container i{
	color:#6A1B9A !important;
}
/*Aménagements extérieurs*/
.category-item[data-id="118"] .icon-container i, .category-item[data-id="176"] .icon-container i, .category-item[data-id="177"] .icon-container i, .category-item[data-id="178"] .icon-container i, .category-item[data-id="179"] .icon-container i{
	color:#F9A825 !important;
}

/*Aménagements extérieurs*/
.category-item.active[data-id="118"] , .category-item[data-id="118"]:hover {
  background-color: #F9A8250F; 
  
}
/* Fin Couleurs scroll catégorie page listings*/




/* Bricovoisin — Style du badge Abonnement*/

.image-overlay-bottom-nl {
position: absolute;
 	bottom: 20px;
 	left: 20px;
 	right: 20px;
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;	
}

.bv-badge {
  --bv-badge-bg: #0EA5E9;
  --bv-badge-fg: #fff;
  display: inline-flex;
  align-items: center;
  gap: .4ch;
  padding: 4px 12px;
  line-height: 1;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  background: var(--bv-badge-bg);
  color: var(--bv-badge-fg);
  box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 4px 10px rgba(0,0,0,.08);
  white-space: nowrap;
}
.bv-badge--listing { position: relative; top: 0; margin-left: .35rem; }
.bv-badge--owner   { margin-top: .25rem; display: inline-flex; }
.bv-badge--author  { margin-left: .5rem; }

/* Optionnel : voisinage du badge “featured” Listeo */
.listing-badges .bv-badge { margin-left: .25rem; }
/* Bricovoisin — Style du badge Abonnement*/

/* Bloc Panier et option addlisting*/
/* ----------------------*/
.bv-options-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-option-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-bottom: 12px;
    background: #fff;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.bv-option-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-color: #ddd;
}

.bv-option-label {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
    cursor: pointer;
}

.bv-option-checkbox {
    margin-top: 5px;
    width: 18px;
    height: 18px;
    accent-color: #ff7a00; /* Couleur orange Bricovoisin */
    flex-shrink: 0;
}

.bv-option-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bv-option-title {
    font-weight: 600;
    font-size: 15px;
    color: #f96c3a;
}

.bv-option-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

.bv-option-price {
    font-weight: 600;
    color: #222;
    white-space: nowrap;
    min-width: 70px;
    text-align: right;
    align-self: center;
    font-size: 15px;
}

.bv-option-note {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    opacity: 0.8;
}

.bv-option-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    /* border-radius: 8px;
    border: 1px solid #eee;*/
    flex-shrink: 0;
}

.listing-type-container .listing-type {
	width:463px;
}
a.remove {
	color: #f96c3a !important;
	background-color: #f96c3a0F !important;
}

.bv-codepromo {
	display: flex;
	justify-content: flex-start; /* aligne à gauche */
	margin-top: 20px;
}

.coupon {
	display: flex;
	align-items: center;
	gap: 10px; /* espace entre input et bouton */
	flex-wrap: nowrap;
	width: 33.33%; /* >>> un tiers de la largeur totale <<< */
	min-width: 280px; /* évite que ce soit trop petit sur petit écran */
}

/* le champ input */
.coupon .input-text {
	flex: 1 1 200px; /* prend toute la place disponible */
	min-width: 180px;
	padding: 10px 12px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	line-height: 1.3;
	box-sizing: border-box;
}

/* bouton appliquer */
.coupon .button, .checkout-button {
	flex: 0 0 auto;
	background-color: #fff !important; 
	color: #f96c3a;
	font-weight: 600;
	font-size: 14px;
	border: none;
	border-radius: 50px !important;
	padding: 10px 16px;
	cursor: pointer;
	line-height: 1.3;
	transition: background 0.2s ease;
}

.coupon .button:hover {
	background-color: #f96c3a; /* version un peu plus foncée au hover */
	color: #fff;
}

/* accessibilité : cache le label visuel */
.coupon .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Hauteur uniforme input + bouton */
.bv-codepromo .coupon .input-text,
.bv-codepromo .coupon .button {
    height: 44px; /* même hauteur fixe */
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

/* Optionnel : si tu veux garder une hauteur dynamique plutôt que fixe */
.bv-codepromo .coupon .input-text {
    line-height: 44px; /* pour bien centrer le texte */
}

/* Ajuste le bouton pour être bien aligné au texte de l’input */
.bv-codepromo .coupon .button {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap; /* évite les retours à la ligne sur le texte */
}

/* Corrige le décalage vertical du bouton */
.coupon {
    align-items: stretch; /* aligne les deux éléments sur toute la hauteur */
}

.coupon .button {
    align-self: stretch; /* force le bouton à suivre la hauteur exacte du parent */
    margin: 0; /* supprime tout petit décalage vertical résiduel */
}

/* Pour homogénéiser le texte à l'intérieur du champ */
.coupon .input-text {
    display: flex;
    align-items: center;
}

/* conteneur global */
.bv-cart-container {
	display: flex;
	gap: 20px;           /* espace entre les deux blocs */
	align-items: flex-start; /* optionnel : aligne en haut */
}

/* bloc de gauche */
.bv-cart-left-container {
	flex: 0 0 60%;       /* occupe 60 % de la largeur */
}

/* bloc de droite */
.bv-cart-right-container {
	flex: 0 0 40%;       /* occupe 40 % de la largeur */
}

.cart-collaterals {
	width:100% !important;	
}
/* responsive : en dessous de 768px, on passe en colonne */
@media (max-width: 768px) {
	.bv-container {
		flex-direction: column;
	}
	.bv-left,
	.bv-right {
		flex: 0 0 100%;
		width: 100%;
	}
}
/*.shop_table th{
	background: #fcfcfc !important;
}*/


/* Fin Bloc Panier et option addlisting*/
/* ----------------------*/

/* Bloc Confirmation publication addlisting*/
/* ----------------------*/
.booking-confirmation-page i {
	color:#f96c3a !important;
	font-size:40px !important;
}
.booking-confirmation-page h2 {
	font-size:36px !important;
	
}
/* Fin Bloc Confirmation publication addlisting*/
/* ----------------------*/

/* Bloc Checkout*/
/* ----------------------*/
h2.wc-block-components-title{
	padding: 0;
  	margin: 0;
  	line-height: 32px;
  	font-size: 22px !important;
  	position: relative;
  	top: 1px;
}
.wc-block-components-checkout-step__heading {
	width: calc(100% + 40px);
	left: -20px;
  	position: relative;
  	padding: 30px 40px;
  	margin: 0 0 0 0 !important;
  	border-radius: 4px 4px 0 0;
  	background-color: #fcfcfc;
  	border-bottom: 1px solid #eaeaea;
}
.wc-block-components-form {
	border: 2px solid #e8e8e8;
  	box-shadow: none;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 20px 25px 20px;
	
}
.wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button {
	flex: 0 0 auto;
	background-color: #72A40D !important;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border: none;
	border-radius: 50px !important;
	padding: 11px 22px;
	cursor: pointer;
	line-height: 1.3;
	transition: background 0.2s ease;
}
.wc-block-components-checkout-step__container {
	padding-top:20px;
}
.wc-block-components-checkout-return-to-cart-button {
	padding: 11px 22px !important;
	padding-left: 40px !important;
  	font-size: 16px !important;
	color: #f96c3a !important;
  	border: 1px solid !important;
	border-color: #f96c3a !important;
	position: relative !important;
  	font-size: 15px !important;
  	font-weight: 600 !important;
  	display: inline-block !important;
  	transition: all 0.2s ease-in-out !important;
  	cursor: pointer !important;
  	margin-right: 6px !important;
  	border-radius: 50px !important;
}
.wc-block-components-checkout-return-to-cart-button svg {
	
	margin-left: 10px !important;
	
  	
}
.wc-block-components-checkout-return-to-cart-button:hover {
	background-color: #f96c3a !important;
	color: #fff !important;
}
.wc-block-components-checkout-order-summary__title {
  	position: relative;
  	padding: 30px 40px;
  	margin: 0 0 0 0 !important;
  	border-radius: 4px 4px 0 0;
  	background-color: #fcfcfc;
  	border-bottom: 1px solid #eaeaea;	
}
.wc-block-components-checkout-order-summary__title p{
	padding: 0 !important;
  	margin: 0 !important;
  	line-height: 32px;
  	font-size: 22px !important;
  	position: relative;
  	top: 1px;
}
.wp-block-woocommerce-checkout-order-summary-block {
	border:2px solid #e8e8e8 !important;
}
/* Fin  Checkout*/
/* ----------------------*/
/* Login */
/* ----------------------*/
.cgu label {
	font-size:14px;
}
/* Fin  login*/
/* ----------------------*/

/* Dashnord */
/* ----------------------*/
.recentactivites .dashboard-list-box {
	box-shadow:none !important;
	border:0px !important;
}
.head-dashbord h3{
	font-size:40px !important;
}
.commandes h4, .messages-container .messages-headline, .dashboard-list-box h4 {
	background-color: #fbfbfb !important;
}
.commandes .adresse {
	padding: 30px !important;
}
.commandes .woocommerce-MyAccount-content {
	width:100% !important;
	background:none !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
    border-radius: 6px !important;
    border: 2px solid #e8e8e8 !important;
}
.commandes th, .commandes th.action{
	font-size: 16px !important;
  	font-weight: 600 !important;
  	margin: 0 !important;
  	padding: 20px 30px !important;
  	color: #333 !important;
	background-color: #fcfcfc !important;
}*
.commandes th.action,.commandes td.action{
	text-align:right !important; 
}
.commandes td{
	padding: 0px 30px !important;
}
.commandes .woocommerce-orders-table a.woocommerce-button.view {
	background: #f96c3a !important;
}
.elementor-element-125667b0.commandes, .commandes .e-con-inner {
	padding:0px  !important;
	margin:0px !important;
	max-width:100% !important;
}
#bv-clear-activities.button {
	padding: 6px 15px !important;
	line-height: 20px !important;
  	font-size: 13px !important;
  	font-weight: 600 !important;
  	margin: 0 !important;
}
.bv_review .dashboard-list-box h4 {
	background-color: #fff !important;
}
.pricing-package-header h4{
	text-align:center !important;
}
.dashboard-nav i.fa {
    font-family: "FontAwesome" !important;
}

/* Fin  Dashbord*/
/* ----------------------*/
/* Conteneur : alignement horizontal propre */
.form-field-_bv_show_exact_address-container {
    display: flex;        /* plus compact que flex */
    align-items: center;
    gap: 0px;                    /* léger espace entre switch et label */
    margin-top: 10px; 			/* pour aligner avec le champ adresse */
	 justify-content: flex-start;
	justify-content: flex-start !important; /* forcer à gauche */
    text-align: left !important;            /* au cas où Listeo met du right */
	
}

/* Standard switch box */
.form-field-_bv_show_exact_address-container .switch_box.box_1 {
    order: 1;
    max-width: none !important;
    width: auto !important;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
	flex: 0 0 auto !important; /* empêche l'extension */
	
}

/* Le label reste compact */

/* ----------------------*/
/* Addlisting*/
.form-field-_bv_show_exact_address-container .label-_locations_tab_bv_show_exact_address {
	order: 2;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    line-height: 1.2;
}
.form-field-_bv_show_exact_address-container .label-_locations_tab_bv_show_exact_address small {
	display:none !important;
}
.form-field-_bv_show_exact_address-container .switch_1 {
    transform: scale(0.85);
    transform-origin: left center;
	margin: 0;
    vertical-align: middle;
}


/* Addlisting*/
/* ----------------------*/

/* ----------------------*/
/* mode pro*/
#modepro .elementor-message,#modepro .elementor-message-success{
	display:none !important;
}
#modepro button{
	background-color: #f96c3a;
	color: #fff;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  margin-right: 6px;
  overflow: hidden;
  border: none;
  border-radius: 50px;
  padding: 0 20px;
  height: 44px;
	
}
#modepro input{
	height: 51px;
  line-height: 51px;
  padding: 0 20px;
  outline: none;
  font-size: 15px;
  color: #808080;
  margin: 0 0 16px 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
  font-weight: 500;
  opacity: 1;
  border-radius: 3px;
}
#modepro .elementor-field-option{
  display: flex;
  gap: 4px; 

}

#modepro input#form-field-confirmation{
transform: scale(0.85);
    transform-origin: left center;
	margin: 0;
    vertical-align: middle;
}
#modepro input[type=number]::-webkit-inner-spin-button,#modepro input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none;
   margin: 0;
}
#modepro input[type=number] {
    -moz-appearance: textfield;
}
/* Cacher complètement la checkbox native, tout en conservant son état et l’accessibilité */
#form-field-confirmation {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important; /* évite que le clic affiche la vraie checkbox */
}

/* Le label contient le switch visuel */
#form-field-confirmation + label {
    position: relative;
    padding-left: 52px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}

/* Rail OFF */
#form-field-confirmation + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 20px;
    background-color: #ddd;
    border-radius: 999px;
    transition: background-color 0.2s ease;
}

/* Pastille blanche */
#form-field-confirmation + label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    transition: transform 0.2s ease;
}

/* Rail ON */
#form-field-confirmation:checked + label::before {
    background-color: #f96c3a;
}

/* Pastille ON */
#form-field-confirmation:checked + label::after {
    transform: translate(20px, -50%);
}
/* mode pro*/
/* ----------------------*/

/* ----------------------*/
/* Abonnements*/

/* Masquer les lignes automatiques des abonnements */
/* Masquer "Listings are visible for X days" - le deuxième li dans plan-features-auto-wc */
.pricing-package-details .plan-features-auto-wc,
.plan-features .plan-features-auto-wc li:nth-child(2),
.elementor-widget-listeo-pricingtable-woocommerce .plan-features-auto-wc li:nth-child(2) {
    display: none !important;
}



/* Masquer "Unlimited number of listings" - cible le premier li quand il est seul (pas de limite) */
/* Note: Cette règle masque le premier li seulement s'il n'y a pas de limite définie */
.elementor-widget-listeo-pricingtable-woocommerce .plan-features-auto-wc li:first-child:only-child {
    display: none !important;
}
/*Abonnements*/
/* ----------------------*/


/*Profil*/
/* Correction du positionnement de l'icône eye pour les champs password */
/* Le script JS crée un wrapper div autour de chaque input password, ce wrapper doit avoir position: relative */
/* Cibler les divs qui contiennent directement un input password et une icône fa-eye */
.dashboard-list-box .my-profile div:has(> input[type="password"]):has(> .fa-eye),
.dashboard-list-box .my-profile div:has(> input[type="password"]):has(> .fa-eye-slash),
.dashboard-list-box .my-profile form div:has(> input[type="password"]):has(> .fa-eye),
.dashboard-list-box .my-profile form div:has(> input[type="password"]):has(> .fa-eye-slash) {
    position: relative !important;
    width: 100% !important;
}

/* Fallback pour les navigateurs qui ne supportent pas :has() */
.dashboard-list-box .my-profile input[type="password"] {
    position: relative;
}
/*Profil*/
/* ----------------------*/

/* ----------------------*/
/* Mega menu - 4 colonnes (menu lists) */
#header .container {
	position: relative;
}

#header .container #navigation,
#header .container #navigation .has-megamenu,
#header .container #navigation > ul {
	position: static;
}

#header .container #navigation .mega-menu:not(.mm-panel) {
	position: absolute;
	width: 100%;
	max-width: 1400px;
	left: 0;
	right: 0;
	margin: 0;
	top: 100%;
	transform: translateY(0);
	display: block;
	padding: 20px 10px 20px 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* Zone tampon pour garder le hover entre le menu et le panneau */
#header .container #navigation .mega-menu:not(.mm-panel)::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	height: 24px;
}

#header .container #navigation ul li:hover .mega-menu,
#header .container #navigation ul li .mega-menu:hover {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

/* Grille 4 colonnes */
#header .container #navigation .mega-menu:not(.mm-panel) > ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 0;
	row-gap: 20px;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li {
	float: none !important;
	width: auto !important;
	border-right: 1px solid #e9e9e9 !important;
	padding: 0 10px !important;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li:nth-child(4n) {
	border-right: none !important;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li > a,
#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li > span {
	padding-right: 0;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li > ul {
	padding-right: 0;
	border-top: 1px solid #e9e9e9;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li ul {
	display: block;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li ul {
	margin-top: 10px;
}

#header .container #navigation.style-1 .mega-menu:not(.mm-panel) > ul > li ul li {
	margin: 6px 0;
	padding: 0;
	width: auto;
}

#header .container #navigation .mega-menu:not(.mm-panel) ul a {
	padding: 0 !important;
	margin: 0 !important;
}

/* Icones devant le nom */
#header .container #navigation .mega-menu:not(.mm-panel) ul a i {
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}

/* Categories principales : retirer la fleche et mettre en gras */
#header .container #navigation .mega-menu:not(.mm-panel) ul a:after {
	content: '' !important;
}

#header .container #navigation .mega-menu:not(.mm-panel) > ul > li > a,
#header .container #navigation .mega-menu:not(.mm-panel) .mega-menu-headline {
	font-weight: 700;
}

/* Mega menu - 4 colonnes */
/* ----------------------*/