/*
Theme Name: Kadikali Theme
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.2
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/************** ADD YOUR CUSTOM CSS HERE  ***************/


/*.elementor-column.elementor-col-flex-1.elementor-top-column.elementor-element.elementor-element-14e17f7.px-15.boxshadow-lg {
    background-color: #FBFBFB !important;
}*/


h4 { text-align: center }



/* Personnalisation formulaire CF7 */
form.wpcf7-form {
background: #f6e6cf; /* Couleur du fond du formulaire */
padding: 1em; /* Espace autour du formulaire */
/* box-shadow: 0 0 1em rgba(0,0,0,.03); Ombre autour du formulaire */
color: #7f8c7d; /* Couleur de texte des étiquettes */
}

@media screen and (max-width: 800px) {
form.wpcf7-form {
padding: 0; /* Espace autour du formulaire sur mobile */
box-shadow: none; /* Supprime ombre autour du formulaire sur mobile*/
}
}

form.wpcf7-form>h3 {
margin-bottom: 0.3em; /* Marge en bas du titre H3 du formulaire */
margin-top: 0em; /* Marge en haut du titre H3 du formulaire */
}

form.wpcf7-form * {
transition: 225ms; /* Tempère les transitions */
}

form.wpcf7-form label {
cursor: pointer; /* Transforme le curseur en main */
font-size: 0.9em; /* Gère la taille de la police des étiquettes */
/* font-weight: bold; Passe les étiquettes en gras */
color: #40473F;
}

.wpcf7-checkbox, .wpcf7-radio {
color : #7f8c7d; /* Couleur listes */
}

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
background: #fefefe; /* Couleur du fond des cases */
font-size: 0.8em; /* Gère la taille de la police des cases */
border: 1px solid #ececed; /* Bordures des cases */
color: #122345; /* Couleur du texte des cases */
margin: 5px; /* Ajout d'un espace autour des cases */
}


form.wpcf7-form input:hover,
form.wpcf7-form select:hover,
form.wpcf7-form textarea:hover {
cursor: pointer; /* Transforme le curseur en main au survol */
box-shadow: 0 0 2px #cccccd; /* Ombre autour de la case au survol */
}

form.wpcf7-form input:focus,
form.wpcf7-form select:focus,
form.wpcf7-form textarea:focus {
border: 2px solid #cccccd; /* Bordure de la case sélectionnée */
outline: none; /* Supprime l'effet de halo */
}


form.wpcf7-form input[type="submit"] {
padding: 1em; /* Ajout d'un espace dans le bouton */
border: 2px solid #7f8d7d; /* Bordure du bouton */
box-shadow: none; /* Supprime l'ombre du bouton */
background: #7f8d7d; /* Couleur de fond du bouton */
color: #ffffff; /* Couleur du texte du bouton */
text-decoration:none;  /* Supprime soulignement */
font-size: 1em; /* Taille du texte du bouton */
}

@media screen and (max-width: 800px) {
form.wpcf7-form input[type="submit"] {
padding: 0.5em; /* Ajout d'un espace dans le bouton sur mobile */
font-size: 1em; /* Taille du texte du bouton sur mobile */
}
}

form.wpcf7-form input[type="submit"]:hover {
background-color: #7f8d7c; /* Couleur de fond du bouton au survol */
text-decoration:none;  /* Supprime soulignement */
}

span.wpcf7-not-valid-tip {
color: #e5a026* Couleur du texte d'erreur */
font-size: 15px; /* Gère la taille du texte d'erreur */
margin-top: 5px; /* Marge en haut du texte d'erreur */
}

div.wpcf7-response-output {
padding: 1em !important;
margin: 0 !important;
}

/* Supprimer couleur bordures tableau */
.cf7resp table, .cf7resp table * {
border-color: transparent;
}

/* Empiler tableau mobiles */
@media screen and (max-width: 640px) {
.cf7resp table,
.cf7resp tbody,
.cf7resp tr,
.cf7resp td {
display: block;
}
}



/* div#wpcf7-f10225-p10219-o1 {
    text-align: right;
} 

div#wpcf7-f1613-p11246-o1 {
    text-align: right;
}*/




/*elementor-column elementor-col-flex-1 elementor-top-column elementor-element elementor-element-14e17f7 px-15 boxshadow-lg { background: blue !important; }

.elementor-widget-wrap.elementor-element-populated { background: #fefefe !important; } */

/* couleur bouton dans slider panier à droite */ 
.cart-popup .button.checkout .btn-v-dark { background-color: yellow; }

a:hover.button.checkout.wc-forward { background-color: #9bb368; }
a.button.checkout.wc-forward { background-color: #e5a026; }

a:hover.button.wc-forward { background-color: white; color:white;}
a.button.wc-forward { background-color: white; color:white;} 

/*checkout */

/* bouton connexion */
.btn.btn-primary.showlogin.pull-left { background: #f7f7f7; color :#7f8d7d; width: 100%;     text-align: left; text-transform: uppercase; font-size: 13px;     font-weight: 700;     height:75px;     padding-top: 30px;}


.quickview-wrap .container { max-width: none; padding-left: 0; padding-right: 0 }
.fancybox-inner { overflow-y: auto !important; overflow-x: hidden !important }
.quickview-wrap .products.related { padding-bottom: 0 }


.woocommerce-checkout .login-form-wrap form.login {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space;
}
.woocommerce-checkout .login-form-wrap form.login > * {
    margin-bottom: 0;
}
.woocommerce-checkout .login-form-wrap form.login .input-text, .woocommerce-checkout .login-form-wrap form.login .btn {
    line-height: 1.5;
    height: 2.625rem;
    border-radius: 2px;
}
.woocommerce-checkout .login-form-wrap form.login .input-text {
    border: none;
    width: 100%;
}
.woocommerce-checkout .login-form-wrap {
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
    margin-bottom: 20px;
}
.woocommerce-checkout .welcome-text {
    font-family: 'Paper_flowers', sans-serif;
    font-size: 3rem;
    padding-bottom: .6em;
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 2.5rem;
}
.woocommerce-checkout .login-form-wrap form.login .form-title {
    font-family: 'Paper_flowers', sans-serif;
    font-size: 1.5rem;
    line-height: 1.2;
}
@media (min-width: 1600px) {
    .woocommerce-checkout .login-form-wrap {
        padding: 12px 30px;
    }
    .woocommerce-checkout .login-form-wrap form.login {
        gap: 12px;
    }
    .woocommerce-checkout .login-form-wrap form.login .input-text, .woocommerce-checkout .login-form-wrap form.login .btn {
        height: 3rem;
    }
    .woocommerce-checkout .login-form-wrap form.login .form-name {
        width: 25%;
    }
    .woocommerce-checkout .login-form-wrap form.login .form-email {
        width: 20%;
    }
}
@media (max-width: 1200px) {
    .woocommerce-checkout .login-form-wrap form.login {
        flex-wrap: wrap;
    }
}
@media (max-width: 575px) {
    .woocommerce-checkout .login-form-wrap form.login .form-title {
        width: 100%;
    }
    .woocommerce-checkout .login-form-wrap form.login .form-name,
    .woocommerce-checkout .login-form-wrap form.login .form-email {
        width: calc(50% - 5px);
    }
}

.woocommerce-billing-fields label.radio,
.woocommerce-billing-fields label.checkbox,
.woocommerce-shipping-fields label.radio,
.woocommerce-shipping-fields label.checkbox {
  float: none;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: middle;
}
.woocommerce-billing-fields input[type="checkbox"],
.woocommerce-billing-fields input[type="radio"],
.woocommerce-shipping-fields input[type="checkbox"],
.woocommerce-shipping-fields input[type="radio"] {
  float: none;
  clear: none;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.porto-remove-checkout-shipping-address .woocommerce-shipping-fields__field-wrapper .address-field,
.porto-remove-checkout-billing-address .woocommerce-billing-fields__field-wrapper .address-field {
    display: none !important;
}
.link-modify-address {
    display: none;
}
.porto-remove-checkout-shipping-address .link-modify-address,
.porto-remove-checkout-billing-address .link-modify-address,
.porto-in-modify-billing-address .woocommerce-billing-fields .link-modify-address,
.porto-in-modify-shipping-address .woocommerce-shipping-fields .link-modify-address {
    display: inline-block;
}

.woocommerce-billing-fields {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
}
.woocommerce-billing-fields.active {
    max-height: 1000px;
}
.address-title {
    font-family: 'Paper_flowers'!important;
    font-size: 40px!important;
    letter-spacing: -1px!important;
}
.woocommerce form.checkout .form-row-first {
    clear: both;
}