/**
 * CSS custom pour le module nxtalwishlist — thème ThemeVolty Lucasa (v1_lacausa_2)
 * Chargé via l'override PHP (NxtalwishlistOverride::hookActionFrontControllerSetMedia).
 * Ne pas modifier le CSS du module directement.
 */


/* =====================================================================
   HEADER — icône + compteur
   ===================================================================== */

/* Alignement vertical icône + compteur dans le lien header */
._desktop_wishlist_link .nxtal-wishlist-link a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}


/* =====================================================================
   FICHE PRODUIT — icône à côté du bouton "Ajouter au panier"
   ===================================================================== */

/* Annule le position:absolute du module (qui placerait l'icône en haut à droite)
   pour la laisser inline dans le flux, à côté du bouton panier */
#product ._desktop_wishlist_icon .nxtal-wishlist-icon {
    position: static;
    background: none;
    padding: 0;
    border-radius: 0;
}

/* Centrage vertical par rapport au bouton "Ajouter au panier" */
#product ._desktop_wishlist_icon {
    align-self: center;
}


/* =====================================================================
   MODAL "AJOUTÉ AU PANIER" — masquage de l'icône
   ThemeVolty pré-rend le modal dans le DOM de la page produit :
   l'icône s'y retrouvait incluse sans qu'on le veuille.
   ===================================================================== */

#blockcart-modal ._desktop_wishlist_icon {
    display: none !important;
}


/* =====================================================================
   LISTES PRODUITS — icône wishlist sur les miniatures (catégorie, recherche...)
   Le CSS du module cache ._desktop_wishlist_icon via .product-description
   (sélecteur trop générique). On réaffiche et on applique le style rond.
   ThemeVolty positionne lui-même le conteneur via .tvproduct-cart-btn.
   ===================================================================== */

.thumbnail-container ._desktop_wishlist_icon {
    display: block !important;
}
.thumbnail-container ._desktop_wishlist_icon .nxtal-wishlist-icon {
    position: static !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-left: 5px !important;
}
.thumbnail-container ._desktop_wishlist_icon .nxtal-wishlist-icon span {
    line-height: 0 !important;
}
.thumbnail-container ._desktop_wishlist_icon .nxtal-wishlist-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.thumbnail-container ._desktop_wishlist_icon .nxtal-wishlist-icon svg path {
    stroke-width: 1.5 !important;
}


/* =====================================================================
   PAGE WISHLIST — ajustements visuels de la liste de produits souhaités
   ===================================================================== */

/* Suppression du padding de la page pour que la liste occupe toute la largeur */
#module-nxtalwishlist-wishlist .page-content {
    padding: 0 !important;
}

/* Carte wishlist sans bordure ni ombre (style épuré) */
#created-wishlist .nxtal-wishlist-cart {
    margin: 0 !important;
    padding: 0 !important;
}
#created-wishlist .nxtal-wishlist-cart.card {
    border: none !important;
    box-shadow: none !important;
}

/* Titre de la liste (nom de la wishlist) plus discret */
.nxtal-wishlist-cart .h1 {
    font-weight: 500 !important;
    font-size: 20px !important;
}
/* Masquage de l'icône list_view dans l'en-tête de la carte wishlist */
.nxtal-wishlist-cart .card-block .card-block-item:first-child i {
    display: none !important;
}

/* Espacement du footer (boutons Partager / Commander) */
.nxtal-wishlist-overview .button-actions {
    padding: 1rem !important;
}

/* Alignement du bouton Partager dans le footer */
.nxtal-product-list .button-actions .col-md-6 {
    line-height: 3rem;
}

/* Espacement entre les groupes d'attributs (couleur, taille) */
.nxtal-wishlist-products .product-variants-item {
    margin: 15px 0 !important;
}

/* Nom et prix du produit plus lisibles */
.nxtal-product-list .product-line-grid-body .product-line-info .label {
    font-size: 17px;
    color: #444;
    font-weight: 500;
}
.nxtal-product-list .product-line-grid-body .product-line-info .price {
    font-size: 16px;
    color: #333;
    font-weight: 900;
}

/* Indicateur de disponibilité */
.nxtal-product-list .product-line-grid-body .product-availability {
    margin-top: 1.5rem !important;
}
.nxtal-product-list .product-line-grid-body .product-availability .product-available {
    color: green;
}

/* Widget quantité (touchspin) */
.nxtal-product-list .bootstrap-touchspin {
    max-width: 120px;
}
.nxtal-product-list .bootstrap-touchspin .input-group-btn-vertical {
    display: inline-flex;
}
.nxtal-product-list .bootstrap-touchspin input[name="qty"] {
    text-align: center;
}
.nxtal-product-list .bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding: 10px 5px !important;
}
.nxtal-product-list .product-add-to-cart .qty {
    margin-right: 1rem !important;
}

/* Actions produit (ajouter au panier, supprimer) */
.nxtal-product-list .product-line-actions {
    padding-top: 1.5rem;
}
.nxtal-product-list .actions-wishlist-list {
    float: none !important;
}
.nxtal-product-list .actions-wishlist-list i {
    font-size: 24px !important;
    margin: 8px 0 10px 0 !important;
}
.nxtal-product-list .add-to-cart {
    margin-right: 1rem !important;
}

/* Fix coche centrée dans les ronds de couleur (sélecteur d'attribut couleur) */
.nxtal-product-list .product-actions .color i {
    margin: auto !important;
}

/* =====================================================================
   RESPONSIVE PAGE WISHLIST
   ===================================================================== */

/* Réaligne correctement les textes dans le header - 782px est spécifique au thème */
@media (max-width: 782px) {
    .nxtal-wishlist-cart .card-block .card-block-item {
        text-align: start !important;
        margin:0 !important;
    }
    .nxtal-wishlist-header-info {
        margin: 0 !important;
    }
}

/* Standard mobile version */
@media (max-width: 768px) {
    /* Un espace au dessus des informations du produit */
    .nxtal-product-list .product-line-grid-body {
        padding-top:1rem !important;
    }
    /* Titre du produit un chuya plus gros */
    .nxtal-product-list .product-line-grid-body .product-line-info .label {
        font-size:18px !important;
    }
    /* Moins d'espace au dessus des actions */
    .nxtal-product-list .product-line-actions {
        padding-top: 0.5rem !important;
    }
    /* Moins d'espace au dessus des actions */
    .nxtal-product-list .product-line-grid-left {
        padding-right: 15px !important;
    }
    /* Image pleine largeur, format naturel préservé */
    .nxtal-product-list .product-line-grid-left .product-image img {
        width: 100%;
        height: auto;
    }
    /* Un espace entre les bouton d'actions principaux */
    .nxtal-wishlist-cart .button-actions .btn {
        margin-bottom:0.5rem !important;
    }
    /* Bouton ajouter au panier plus petit */
    .nxtal-product-list .product-add-to-cart .add-to-cart {
        min-width: 120px !important;
    }

    
}

/* =====================================================================
   DROPDOWN PARTAGE — "Copier le lien"
   ===================================================================== */

/* Alignement icône + texte dans le dropdown */
.share-links-wishlist-list .share-wishlist-list {
    display: flex;
    align-items: center;
    gap: 8px;
}
.share-links-wishlist-list .dropdown-item {
    line-height:1rem !important;
}
.share-links-wishlist-list {
    top:1.5rem !important;
}



/* =====================================================================
   PAGE MON COMPTE — lien wishlist dans le tableau de bord client
   ===================================================================== */

.page-my-account #wishlist-link svg {
    display: block;
    width: 100%;
    margin-bottom: 1.4rem;
}
.page-my-account #wishlist-link svg path {
    stroke-width: 1.5 !important;
}