/****************************
 *  Bouton cœur (global)
 ****************************/
.swcf-heart-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: none;
    outline: none;
}

/* SVG du cœur */
.swcf-heart-svg {
    width: 24px;
    height: 24px;
    stroke: #000;
    stroke-width: 1.6;
    fill: #ffffff;
    transition: fill 0.2s ease, stroke 0.2s ease, transform 0.15s ease;
}

/* Hover + non favori : le cœur devient rouge */
.swcf-heart-btn:not(.is-favorite):hover .swcf-heart-svg {
    fill: #e63946;
    stroke: #e63946;
    transform: scale(1.05);
}

/* Favori (sans hover) : cœur rouge */
.swcf-heart-btn.is-favorite .swcf-heart-svg {
    fill: #e63946;
    stroke: #e63946;
}

/* Hover + déjà favori : effet inverse, cœur blanc contour noir */
.swcf-heart-btn.is-favorite:hover .swcf-heart-svg {
    fill: #ffffff;
    stroke: #000000;
    transform: scale(1.05);
}

/* Sur la page favoris : petit ajustement si besoin */
.swcf-favorite-actions .swcf-heart-btn {
    margin-top: 4px;
}


/****************************
 *  Liste de favoris (grille)
 ****************************/

/* UL en mode grille, sans puces */
ul.swcf-favorites-list {
    list-style: none !important;
    margin: 0 0 25px;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 24px;
}

/* Chaque carte produit */
.swcf-favorite-item {
    list-style: none;
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    box-sizing: border-box;
}

/* Si le thème ajoute des puces via ::marker / ::before */
.swcf-favorites-list li.swcf-favorite-item::marker,
.swcf-favorites-list li.swcf-favorite-item::before {
    content: none !important;
}

/****************************
 *  Vignettes & contenu
 ****************************/

/* Image de la robe */
.swcf-thumb img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

/* Lien titre */
.swcf-favorite-details a {
    text-decoration: none;
}

/* Titre produit */
.swcf-favorite-details strong {
    display: block;
    margin-top: 8px;
}

/* Prix */
.swcf-price {
    font-size: 0.9em;
    opacity: 0.8;
    margin-top: 4px;
}

/* Ligne d'action (cœur) sous le prix */
.swcf-favorite-actions {
    margin-top: 8px;
}

/****************************
 *  Messages & textes
 ****************************/

/* Message de feedback (après envoi d'email, etc.) */
.swcf-message {
    padding: 10px 12px;
    margin-bottom: 15px;
    border-radius: 3px;
    font-size: 2rem;
}

/* Message quand plus aucun favori */
.swcf-empty-message {
    margin-top: 10px;
    font-style: italic;
    color: #777;
}

/* Petit texte explicatif sous la liste */
.swcf-info-text {
    margin: 20px 0 10px;
    font-size: 0.9rem;
    font-style: italic;
    color: #555;
}

/* Un peu d’espace avant le formulaire */
.swcf-email-form {
    margin-top: 10px;
}

/****************************
 *  Accessibilité
 ****************************/
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
/* Empêcher le thème de mettre un fond au hover / focus / active */
.swcf-heart-btn,
.swcf-heart-btn:hover,
.swcf-heart-btn:focus,
.swcf-heart-btn:active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}