/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.row .col .wpb_text_column h1,
.row .col .post-area .type-post h1 { margin-bottom: 24px; }
.row .col .wpb_text_column h3,
.row .col .post-area .type-post h3 { margin-bottom: 22px; }
.row .col .wpb_text_column h3,
.row .col .post-area .type-post h3 { margin-bottom: 20px; }
.row .col .wpb_text_column h4,
.row .col .post-area .type-post h4 { margin-bottom: 20px; }
.row .col .wpb_text_column h5,
.row .col .post-area .type-post h5 { margin-bottom: 1em; }
.row .col .wpb_text_column h6,
.row .col .post-area .type-post h6 { margin-bottom: 1em; }
.row .col .wpb_text_column p,
.row .col .post-area .type-post p { padding-bottom: 1em; }

.row .col .wpb_text_column blockquote,
.row .col .post-area .type-post blockquote { margin-bottom: 1em; }
.row .col .wpb_text_column ul,
.row .col .post-area .type-post ul { margin-bottom: 1em; }
.row .col .wpb_text_column ul li,
.row .col .post-area .type-post ul li { padding-bottom: 0.5em; }

.comment-wrap #respond .col.span_4.col_last { display: none; }


#discussion .conteneur-commentaires {
position: relative; /* Important pour positionner l'overlay */
width: 100%; /* Exemple de largeur */
max-height: 600px; /* Hauteur initiale masquant une partie du contenu */
overflow: hidden; /* Cache le contenu qui déborde */
margin: 20px auto;
padding: 10px;
}

#discussion .content-commentaires {
/* Pas de style particulier ici, il s'adaptera à la hauteur du conteneur */
}

#discussion .conteneur-commentaires.expanded {
max-height: none; /* Supprime la hauteur maximale pour afficher tout le contenu */
overflow: visible; /* Permet au contenu de déborder si besoin */
}

#discussion #showMoreBtn {
display: block;
margin: 10px auto 0;
padding: 15px 25px;
background-color: #EF9B18;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
font-family: Bruno Ace SC;
text-transform: none;
font-size: 1.2em;
line-height: 1.2em;
font-weight: 400;
}

#discussion #showMoreBtn:hover {
background-color: #0F0F0F;
}

#discussion #showMoreBtn.devoiler {
display: none; /* Cache le bouton quand le contenu est étendu */
}

/* Style pour le macaron personnalisé */
.wc-custom-badge {
    position: absolute;
    top: 10px; /* Ajustez la position verticale */
    left: 10px; /* Ajustez la position horizontale */
    background-color: #0F0F0F; /* Couleur de fond (orange, e07421 ajustez !) */
    color: #fff; /* Couleur du texte */
    padding: 5px 10px;
    border-radius: 5px; /* Coins arrondis */
    font-size: 12px;
    font-weight: bold;
    z-index: 99; /* Assurez-vous qu'il est au-dessus d'autres éléments */
    text-transform: uppercase;
    line-height: 1; /* Assure que le texte ne déborde pas */
}

/* Ajustements pour les pages de produits uniques si nécessaire */
.single-product .wc-custom-badge {
    top: 20px; /* Ajustez pour la page produit seule si la position diffère */
    left: 20px;
    /* Ajoutez d'autres styles spécifiques si besoin */
}

/* Assurez-vous que le conteneur parent du produit a une position relative */
/* Ceci est crucial pour que 'position: absolute' du badge fonctionne correctement. */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    position: relative;
    display: block; /* Important pour que le lien englobe l'image et le badge */
}
body.single-product .product .wc-custom-badge { display: none; }
/* Optionnel : Si le badge est sur l'image et que vous avez déjà un badge "Promo", vous devrez peut-être ajuster la position ou masquer l'un des deux. */
/* Exemple : Masquer le badge "Promo" par défaut si un badge personnalisé est présent */
/* .woocommerce span.onsale { display: none; } */

.lettrine p:first-of-type::first-letter { float: left; font-size: 4em; line-height: 0.8; margin-right: 10px; }