/*
Theme Name: Synergy Soft
Theme URI: https://www.synergysoft.fr
Description: Theme Synergy Soft (Thème enfant de twentytwentyfive)
Author: Synergy Soft
Author URI: https://www.synergysoft.fr
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*********************
 * SS - 01/2024
Suppression des contours autour des liens.
 *********************/

button:focus, 
button:active, 
a:focus, 
a:active {
  outline: none !important;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/***********************
 * SS - 02/2024
 Changement de couleur des flèches dans le menu Principal
***********************/

.kb-nav-arrow-svg { 
color:red!important;

}

/***********************
 * SS - 02/2024
 Changement de couleur dde l'icon mon compte sur le menu Principal
***********************/

.wc-block-customer-account__account-icon { 
color:red!important;

}

/***********************
 * SS - 02/2024
 CSS pour le champs newletters dans le footer
***********************/

.kb-row-layout-idsynergyweb__footer_5fef2a-76 {
    display: flex; /* Aligne les éléments horizontalement */
    align-items: center; /* Centre verticalement les éléments */
    justify-content: center; /* Centre horizontalement les éléments dans le conteneur */
    gap: 5px; /* Ajoute un espacement entre le champ et le bouton */
    width: 100%; /* Assurez que le conteneur occupe tout l'espace disponible */
}

.kb-adv-form-text-type-input input {
    width: 100%; /* Le champ occupe toute la largeur de son conteneur */
    max-width: 400px; /* Ajoutez une largeur maximale pour limiter le champ */
    height: 45px; /* Correspond à la hauteur du bouton */
    box-sizing: border-box; /* Inclut le padding dans la hauteur totale */
}

.kb-adv-form-submit-button {
    height: 45px; /* Correspond à la hauteur du champ d'e-mail */
    vertical-align: middle; /* Alignement vertical parfait */
}

/***********************
 * SS - 02/2024
 CSS pour l'affichage des étiquettes catégories dans la loop des articles
***********************/

.is-style-post-terms-1 a {
    background-color: #4E5CDC;
    border-radius: 5px;
    padding: 4px 10px;
    display: inline-block; 
    color: #fff !important;
    text-decoration: none; 
    font-size: 14px;
    line-height: 1.2;
}

/***********************
 * SS - 02/2024
 CSS pour l'affichage de l'étiquette promo dans la loop des articles
***********************/






/***********************
 *SS - 02/2024
 CSS pour l'affichage du fil d'ariane sur la page archive des produits
***********************/

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    font-size: 14px !important; /* Taille de texte uniforme */
    font-weight: 400 !important; /* Évite que "Accueil" soit en gras */
    margin-bottom: 0 !important; /* Supprime toute marge en bas */
    padding-bottom: 0 !important; /* Supprime tout éventuel padding */
}

/***********************
 * SS - 02/2024
CSS pour l'affichage du filtre par prix sur la page archive des produits
***********************/

  
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 30px;
    border-color:#BAC4D9
}

.wc-block-components-price-slider__range-input-wrapper { 
    range-color:#1F276D
}   

/***********************
 * SS - 02/2024
CSS pour afficher les labels de Product Meta en gris (page single produit)
***********************/

.wp-block-woocommerce-product-meta .wp-block-post-terms__prefix,
.wp-block-woocommerce-product-meta .wc-block-components-product-sku .wp-block-post-terms__prefix {
    color: #7484A1 !important; /* Gris clair */
}


/*************************
 * 
 * SS - 01/2025 : CSS pour afficher le "En Stock"
 * 
*************************/ 

.in-stock {
    color: green;
}

.out-of-stock {
    color: red;
}

/*************************
 * 
 * SS - 01/2025 : CSS les étoiles avis (page single product)
 * 
*************************/

/* Style des étoiles d'avis */
.review-stars {
    display: flex;
    gap: 5px;
}

/* Modifier la taille et la couleur des étoiles */
.review-stars span {
    font-size: 1rem !important;
    color: #FBB215 !important;
}
/* Étoiles non remplies (déjà en gris clair #ddd dans ton HTML) */
.review-stars span[style*="color: #ddd"] {
    color: #ccc !important;
}

/*********************
 * SS - 03/2025
CSS pour le bloc liste de catégorie dans la page single d'un article 
*********************/

.wp-block-categories-list {
    list-style: none !important;
    padding-left: 0 !important;
}

.wp-block-categories-list li {
    margin-bottom: 7px !important;
}

.wp-block-categories-list a {
    color: #FFF !important;
    text-decoration: none !important;
}

.wp-block-categories-list a:hover {
    color: #4E5CDC !important;
}


.wc-blocks-filter-wrapper {
  width : 80%!important;
  border-top: 1px solid #c2cad1!important;
}

/*********************
 * MS - 03/2025
 * CSS pour le formulaire
 * de login custom (shortcode) 
*********************/

/**
/* Style the login form container 

.woocommerce-form-login {
    max-width: 400px;
    margin: 40px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
} */

/* Style form labels 
.woocommerce-form-login label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
} */

/* Style input fields
.woocommerce-form-login input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
} */

/* Style the login button
.woocommerce-form-login button {
    width: 100%;
    padding: 10px;
    background: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
} */

/*
.woocommerce-form-login button:hover {
    background: #005b8f;
} */

/* Style the lost password link
.woocommerce-form-login .woocommerce-LostPassword {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #0073aa;
} */

/*
.woocommerce-form-login .woocommerce-LostPassword:hover {
    text-decoration: underline;
} */

/* Mobile responsiveness 
@media (max-width: 600px) {
    .woocommerce-form-login {
        max-width: 90%;
        padding: 15px;
    }
} */


/**
 * MS - 03.2025 : Barre de recherche FiboSearch 
 **/

.dgwt-wcas-details-wrapp .dgwt-wcas-details-product-title {
  font-size: 16px !important;
}


.dgwt-wcas-details-wrapp .button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  padding: 0.3em !important;
  font-size: 14px;
  color: #fff;
}



/*****/
/**
 * 
 **/

.kb-img:hover {
	border: 10px solid red!important;
}

/***********************
 * MS - 07/2025
 Grille de prix dégressif dans la page produit
***********************/

.thwdpf-bulk-table-scroll {
	border: 1px solid #bbd7f0;
  	border-radius: 5px;
  	margin-bottom: 20px;
  	width: 100%;
  	padding: 10px;
  	background-color: aliceblue;
}