/* @author [Webdojo] - Stile Wishlist Custom Raffinato */

/* ==========================================================================
   1. Header Icon & Contatore
   ========================================================================== */
.webdojo-wishlist-header-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #ffffff; 
    text-decoration: none !important;
    margin-right: 20px;
}

.webdojo-wishlist-header-icon svg {
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.webdojo-wishlist-header-icon:hover {
    color: #ef9000 !important;
}

.webdojo-wishlist-header-icon:hover svg {
    transform: scale(1.1);
}

/* Badge numerico: Stile Carrello (Sfondo Bianco, Testo Arancione) */
.webdojo-wishlist-count {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: #ffffff; 
    color: #ef9000; 
    border: 1px solid #ffffff; 
    font-size: 11px;
    font-weight: bold;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* ==========================================================================
   2. Bottone Toggle Generale (Icona Nuda Minimalista)
   ========================================================================== */
.webdojo-wishlist-toggle {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto;
    height: auto;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333333; 
    transition: all 0.2s ease;
}

.webdojo-wishlist-toggle svg {
    width: 26px;
    height: 26px;
    stroke-width: 2px;
    transition: fill 0.2s ease, stroke 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hover e Stato Attivo (Arancione) - FIX Sparizione Icona */
.webdojo-wishlist-toggle:hover {
    color: #ef9000 !important;
}

.webdojo-wishlist-toggle:hover svg {
    stroke: #ef9000 !important; /* Forza il bordo a diventare arancione */
    transform: scale(1.15);
}

.webdojo-wishlist-toggle.is-active svg {
    fill: #ef9000 !important;
    stroke: #ef9000 !important;
}

/* ==========================================================================
   3. Posizionamento in Archivio (Fluttuante in alto a destra)
   ========================================================================== */
.webdojo-product-card {
    position: relative;
}

.webdojo-product-card .webdojo-wishlist-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    opacity: 0; 
    transform: translateX(10px);
}

.webdojo-product-card:hover .webdojo-wishlist-toggle,
.webdojo-product-card .webdojo-wishlist-toggle.is-active {
    opacity: 1;
    transform: translateX(0);
}

/* ==========================================================================
   4. Posizionamento nel Singolo Prodotto (FIX WIDGET WL-CART-WRAP)
   ========================================================================== */
/* Allineiamo orizzontalmente Quantità e Blocco Bottoni */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

/* Forziamo il wrapper custom del widget a disporre i tasti in riga */
.wl-cart-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
}

/* --- FIX BOTTONE CARRELLO (Sostituisci la regola esistente) --- */
.wl-cart-wrap .single_add_to_cart_button {
    margin: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important; /* Impedisce a flexbox di rimpicciolire il tasto */
    padding: 12px 35px !important; 
    white-space: nowrap !important; /* LA MAGIA: Impedisce al testo di andare a capo! */
    min-height: 44px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
}

/* Resettiamo il nostro cuore affinché affianchi il tasto */
.wl-cart-wrap .webdojo-wishlist-toggle {
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

/* ==========================================================================
   5. Pagina Wishlist Dedicata: Nuova Icona X (Semplificata)
   ========================================================================== */
.webdojo-wishlist-grid .webdojo-product-card {
    position: relative;
}

.webdojo-wishlist-grid .webdojo-wishlist-toggle {
    display: none !important;
}

/* --- FIX ICONA 'X' (Aggiungi questo alla regola esistente nella Sezione 5) --- */
.webdojo-wishlist-remove-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999 !important; /* Lo portiamo in primissimo piano assoluto */
    pointer-events: auto !important; /* Forza l'accettazione del click del mouse */
    background: transparent !important; 
    color: #ef9000 !important; 
    border: none;
    padding: 5px;
    font-size: 32px; 
    font-weight: 300;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0; 
    transition: opacity 0.2s ease, color 0.2s ease;
}
.webdojo-product-card:hover .webdojo-wishlist-remove-icon {
    opacity: 1;
}

.webdojo-wishlist-remove-icon:hover {
    color: #cc7a00 !important; /* Diventa appena più scuro al passaggio del mouse */
}

/* Testo vuoto centrato */
.webdojo-empty-wishlist {
    text-align: center;
    padding: 80px 0;
    font-style: italic;
    color: #666;
}