/* ==================================================
   Gacha Treasure Suite
   Product Actions
================================================== */

.woocommerce ul.products li.product{
    position:relative;
}

/* Cache le bouton WooCommerce */

.woocommerce ul.products li.product .button{
    display:none !important;
}

/* Actions */

.gts-actions{

    position:absolute;

    top:15px;
    right:15px;

    display:flex;
    flex-direction:column;
    gap:10px;

    opacity:0;

    transform:translateX(12px);

    transition:.30s;

    z-index:99;

}

.woocommerce ul.products li.product:hover .gts-actions{

    opacity:1;

    transform:none;

}

/* Boutons */

.gts-action{

    width:48px;
    height:48px;

    border-radius:50%;

    background:var(--gts-color-surface, #fff);

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 8px 18px rgba(0,0,0,.15);

    transition:transform var(--gts-transition-fast, .25s), background-color var(--gts-transition-fast, .25s);

}

.gts-action:hover{

    transform:translateY(-3px);

}

/* Icônes */

.gts-action img{

    width:38px !important;
    height:38px !important;

    display:block !important;

    object-fit:contain;

    flex:none;

}

/* Hover */

.gts-action--cart:hover,
.gts-cart:hover{

    background:var(--gts-color-action-cart, #ff6b35);

}

.gts-action--heart:hover,
.gts-heart:hover{

    background:#ff3b5f;

}

.gts-heart.active{

    background:#ff3b5f;
    color:#fff;

}

.gts-action--vinted:hover,
.gts-vinted:hover{

    background:var(--gts-color-vinted, #09b1ba);

}

.gts-action:hover img{

    filter:brightness(0) invert(1);

}

.gts-action:focus-visible{

    outline:3px solid var(--gts-color-primary, #0f8d96);
    outline-offset:3px;

}

/* Force la taille des icônes */

.woocommerce ul.products li.product .gts-actions .gts-action img,
.woocommerce ul.products li.product .gts-actions .gts-action .gts-icon{

    width:38px !important;
    height:38px !important;

    min-width:38px !important;
    min-height:38px !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;

    display:block !important;

    flex:0 0 38px !important;

    margin:0 !important;
    padding:0 !important;

}

.woocommerce ul.products li.product .gts-actions .gts-action{

    width:48px !important;
    height:48px !important;

}