/*
  Theme Name: Thème enfant Agence Kaoriweb
  Theme URI: https://www.kaoriweb.com
  Description: Thème gratuit de l'Agence Kaoriweb
  Version: 1.0.0
  Template: Divi
  Author: Agence KaoriWeb Création Digitale
  Author URI: https://www.kaoriweb.com
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*Ajoutez votre CSS personnalisé sous cette ligne*/

.et-cart-info,
.et_pb_menu__cart-button {
    display: none !important;
}

/*WOOCOMMERCE*/
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
	}
nav.woocommerce-MyAccount-navigation a {
    display: block;
    background: #FFB400;
    padding: 0.5em 1em;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9em;
    letter-spacing: 0.02em;
    margin-bottom: 2px;
    transition: all .3s;
	}
nav.woocommerce-MyAccount-navigation a:hover {
    background: #661AA9;
    color: #fff;
}
nav.woocommerce-MyAccount-navigation li.is-active a {
    color: #fff;
    background: #6015A5;
}
/*ajout icone dahsboard WOOCOMMERCE*/
nav.woocommerce-MyAccount-navigation a::before {
    display: inline-block;
    content: '\f02e';
    font-family: 'FontAwesome';
	font-size:20px;
	margin-right:10px;
}

li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: '\f07a';
}

li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '\f019';
}
li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f2bb";
}
li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: "\f09d";
}
li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f4fe";
}
li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f08b";
}

nav.woocommerce-MyAccount-navigation {
  display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

body.woocommerce-orders .tab-orders,
body.woocommerce-downloads .tab-downloads,
body.woocommerce-edit-account .tab-account,
body.woocommerce-customer-logout .tab-logout {
    background: #351C61;
    box-shadow: 0px -20px 20px -10px rgba(0,0,0,0.2);
}

.et_pb_scroll_top.et-pb-icon {
     background: #FFB400;
}
.woocommerce-page ul.products li.product .price {color: #ffffff !important;}

.et_pb_wc_add_to_cart form.cart .button {
	border-radius:15px;
}

.quantity {
  border: 0 solid #333 !important;
  width: auto;
  max-width: 4.3em;
  border-radius: 15px;
}

#dl-account .woocommerce-info,
#dl-account .woocommerce-message{
    background: #351C61!important;
    color: #fff!important;
    border: 2px #8300e9 solid;
	border-radius:15px;
}

#dl-account .woocommerce-info a:not(.button),
#dl-account .woocommerce-message a:not(.button) {
    color: #ffffff;
    text-decoration: underline;
}

/* Order tables */
#dl-account table.shop_table,
#dl-account table.shop_table td,
#dl-account table.shop_table th{
    border-width: 2px;
}

#dl-account table.shop_table td,
#dl-account table.shop_table th {
    padding:10px 15px
		border-color:#fff;
}

#dl-account table.my_account_orders {
    font-size: 1em;
}

/* Order details */
section.woocommerce-order-details {
    margin-top: 40px;
}

#dl-account .woocommerce-customer-details address {
    border-width: 2px;
    padding: 30px;
}


/* Account Forms */
#dl-account label {
	width:100%;
    font-weight: 600;
    color: #fff;
}

#dl-account input {
    margin-bottom: 1em;
    background: transparent;
    border: 2px #fff solid;
    font-weight: 500;
    border-radius: 15px;
	border-color:#fff;
}

#dl-account input:focus {
    border-color: mediumpurple;
}

#dl-account form.edit-account button.button {
    padding: 1em 2em!important;
}

input .woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
 background:#fff;
}

/* Italic text */
#dl-account em {
    font-style: normal;
}
/* FIN STYLE WOOCOMMERCE*/

/* === FORMULAIRE DE CONTACT  === */
.wpcf7-form {
  background: linear-gradient(135deg, #2E006C 0%, #4A0091 100%);
  padding: 40px;
  border-radius: 10px;
  color: #fff;
  max-width: 700px;
  margin: 0 auto;
  box-shadow: 0 0 25px rgba(0,0,0,0.3);
  font-family: 'Poppins', sans-serif;
}

.wpcf7-form h2 {
  color: #fff;
  font-size: 2em;
  margin-bottom: 25px;
  text-align: center;
}

.wpcf7-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #fff;
}

/* Ajout du champ URL */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  background: rgba(255,255,255,0.1);
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 6px;
  padding: 12px 15px;
  color: #fff;
  transition: all 0.3s ease;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
  border-color: #FFC107;
  background: rgba(255,255,255,0.2);
  outline: none;
}

.wpcf7-form input[type="submit"] {
  background-color: #FFC107;
  color: #2E006C;
  border: none;
  border-radius: 6px;
  padding: 12px 25px;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #ffca28;
  transform: translateY(-2px);
}

.wpcf7-response-output {
  border: none !important;
  color: #fff;
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 6px;
}

.wpcf7-not-valid-tip {
  color: #FFC107;
  font-size: 0.9em;
}

/* === WRAPS DES CHAMPS CF7 (espacement homogène) === */
.wpcf7-form p {
  margin-bottom: 18px;
}

/* === LIGNE "JE SOUHAITE ENVOYER DES CAPTURES D'ÉCRAN" === */
.wpcf7-form label[for*="capture"],
.wpcf7-form label[for*="captures"],
.wpcf7-form label[for*="screenshot"] {
  margin-bottom: 10px;
  display: block;
}

/* === CONTENEUR DES FICHIERS === */
.wpcf7-form .wpcf7-form-control-wrap input[type="file"] {
  width: 100%;
  border-radius: 6px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.05);
  border: 2px dashed rgba(255,255,255,0.3);
  color: #fff;
  font-size: 0.9rem;
  cursor: pointer;
}

/* Bouton "Choisir un fichier" – navigateurs récents */
.wpcf7-form input[type="file"]::file-selector-button {
  background-color: #FFC107;
  color: #2E006C;
  border: none;
  border-radius: 4px;
  padding: 8px 14px;
  margin-right: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.wpcf7-form input[type="file"]::file-selector-button:hover {
  background-color: #ffca28;
  transform: translateY(-1px);
}

/* Webkit (compatibilité un peu plus large) */
.wpcf7-form input[type="file"]::-webkit-file-upload-button {
  background-color: #FFC107;
  color: #2E006C;
  border: none;
  border-radius: 4px;
  padding: 8px 14px;
  margin-right: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.wpcf7-form input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #ffca28;
  transform: translateY(-1px);
}


  /* suppresion espace footer articles */
.single .post {
    padding-bottom: 0px; 
}
.et_pb_post {
    margin-bottom: 0px;
   
}

.et_grid_module.et_pb_post, .et_pb_blog_grid .et_pb_post {
  background-color: #260C5A; } 





/* css rajouté pour la page mon compte, button fond faune*/
.woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    font-size: 20px;
    font-weight: 500;
	color:#260C5A;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: #FFB400;
    position: relative;
    border: 0px solid;
    border-radius: 10px;
    transition: all 0.2s;
}

 .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover {
    color: #fff;
}