/*
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; }

/* On cible le conteneur du carrousel pour créer l'effet de fondu */
#timeline .nectar-flickity {
    position: relative;
    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}

.dedicace-field {
    margin-bottom: 1em;
}

/* Optionnel : Si vous préférez un effet de "brume" blanche plutôt qu'un masque transparent */
/* Utile si le fond de votre page est blanc */

/*#timeline .nectar-flickity:before, .nectar-flickity:after {
    content: "";
    position: absolute;
    top: 0;
    width: 20%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

#timeline .nectar-flickity:before {
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

#timeline .nectar-flickity:after {
    right: 0;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}*/


#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; }

/* ------------------------------------------------ */
/* REMPLACEMENT DES ICÔNES SOCIAUX DANS LE HEADER   */
/* ------------------------------------------------ */

/* 1. Remplacer StackExchange par Substack */
#header-outer #social-in-menu .fa-stack-exchange::before {
    content: "\00a0" !important; /* Force l'élément à avoir une consistance */
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 0h448v93.8H0V0zm0 119.5h448v93.8H0v-93.8zm0 119.5h448v273L224 430.5 0 512V239z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 0h448v93.8H0V0zm0 119.5h448v93.8H0v-93.8zm0 119.5h448v273L224 430.5 0 512V239z'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    vertical-align: middle !important;
}

/* 2. Remplacer Slack par Ko-fi */
#header-outer #social-in-menu .fa-slack::before {
    content: "\00a0" !important;
    display: inline-block !important;
    width: 1.2em !important; 
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    vertical-align: middle !important;
}
.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove) { font-size: 1rem; }

.nectar-slide-in-cart.style_slide_in_click { background-color: #555; }