/*
Theme Name: LesPetitesPapotent
Theme URI: https://e-loou.com
Template: hello-elementor
Author: E-loou.com
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.1742475177
Updated: 2025-03-20 13:52:57

*/


/*-- MENU --*/
li.btn-contact {background-color:var( --e-global-color-primary ); border-radius:50px}
li.btn-contact a {color:#fff !important;}


/*-- CONTACT --*/
#contact label {width:100% !important;}
#contact input[type="submit"] {color:var( --e-global-color-primary ); border-color:var( --e-global-color-primary ); border-radius:50px; padding:10px 50px}
#contact input[type="submit"]:hover {color:var( --e-global-color-accent );background-color:var( --e-global-color-primary )}

/* Remplacer toutes les puces par un SVG */
ul {
  list-style: none;
  padding-left: 1.5em; /* Espace à gauche pour les icônes */
}

ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 0.8em; /* Taille de l'icône */
  height: 0.8em;
  background-image: url('https://dev.lespetitspapotent.com/wp-content/uploads/2025/05/puce3.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

nav ul li::before,
.header ul li::before,
.menu ul li::before {
  content: none !important;
}

/* Menu bouton contact */
.btn-contact {
	transition: 0.5s;
}
.btn-contact:hover {
	background-color: #d6623a;
}

/* Formulaire de contact */
.wpcf7-form input, textarea {
	border: 1px solid #F98C5D;
}
#contact input[type="submit"] {
	background-color: #f98c5d;
	color: #ffffff;
	font-size: 1rem;
}
#contact input[type="submit"]:hover {
	background-color: #d6623a;
	color: #ffffff;
}