/* ---------------------------------------------------- */
/* GENERAL   */
/* ---------------------------------------------------- */




.pswp{display: none !important}


body {
    margin: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
    body, .secondary-navigation a {
    color: black;
}
    a{text-decoration: none; color: inherit !important}
    a:hover{text-decoration: none; color: inherit}
    html{margin: 0px !important}
#wpadminbar{display: none !important}

	  
.onsale{display: none !important}

ins {
    text-decoration: none;
    padding-left: 10px;
}




html{margin: 0px !important}























/* ---------------------------------------------------- */
/* SUPERIOR PÀGINA   */
/* ---------------------------------------------------- */



.sup {
    display: flex;
    margin: 45px auto 50px auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    margin-top: calc(4vh + 57px);
}
.title {
    font-size: 48px;
    font-weight: 500;
    max-width: 510px;
    width: 90%;
}
.description {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    max-width: 510px;
    width: 90%;
}
.description p{margin: 0px}
.img_sup{}
.img_sup img{
	width: 100%
}



@media (max-width: 900px) {

    .sup {
        margin-top: 57px;
        margin-bottom: 40px;
    }
.title {
        font-size: 36px;
        font-weight: 500;
        order: 2;
    }
.description {
    order: 3;
}
    .sup > *:nth-child(2) {
        margin-top: -10px;
    }


}










/* ---------------------------------------------------- */
/* CONTENT-PRODUCT.PHP   */
/* ---------------------------------------------------- */

.img_compra .img {
    position: relative; 
}

.img_compra .img img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out;
}

.img_compra .img .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; 
    z-index: 1; 
}

/* 🚨 Només canvia si el contenidor té la classe has-hover-image */
.img_compra .img.has-hover-image:hover .main-img {
    opacity: 0; 
}

.img_compra .img.has-hover-image:hover .hover-img {
    opacity: 1; 
}

.product_price,
.add_to_basket { transition: 0.5s; }


.product_price_add {
    overflow: hidden;
    text-align: right;
}
.products-grid input.qty{display: none}
.added_to_cart{display: none}

/* Ocultar només l’spinner de WooCommerce */
.woocommerce a.button.add_to_cart_button.loading::after,
.woocommerce button.button.add_to_cart_button.loading::after {
  content: none !important;
}

.single_add_to_cart_button{
    padding: 0;
    font-size: 13px !important;
    font-weight: 500;
    font-family: "Manrope", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    line-height: 11px;
    background: none !important;
    border: 0;
    display: block;
    cursor: pointer;
    transition: 0.5s;
    color: black !important;
    background-color: white !important
}
.single_add_to_cart_button:hover{
	color: black;
	text-decoration: underline;
	}

.single_add_to_cart_button.disabled { transform: translateY(0px); }
.product_price{}

.single_add_to_cart_button { transform: translateY(-18px); }



.disabled{color: grey !important}
.disabled:hover{color: grey !important; text-decoration: none !important; cursor: default !important}

/* ---------------------------------------------------- */
/* SELECTOR DE TALLES (HOVER)                           */
/* ---------------------------------------------------- */
.product-sizes {
    position: absolute;
    bottom: 16px;
    left: 15px;
    z-index: 10;
    transition: 0.5s;
    opacity: 0;
    pointer-events: none;
}

.product-item:hover .product-sizes {
    opacity: 1;
    bottom: 20px; 
    pointer-events: all; 
}

.sizes-container {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 0px;
    border-radius: 4px;
    flex-direction: column;
    font-size: 12px;
    gap: 6px;
}

.size-option {
    border: 1px solid black;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    background: #ffffff9c;
}

.size-option:hover {
    border: 1px solid black;
    font-weight: bold;
    background: white;
}

.size-option.active {
    background: #000000c9;
    color: white;
    border: 1px solid white;
    font-weight: bold;
}

.size-option.out-of-stock {
    opacity: 0.4;
    cursor: default;
    text-decoration: line-through;
}

.size-option.out-of-stock:hover {
    background: none;
    color: initial;
    border-color: #ccc;
}





.preferit-btn {
    background: none;
    border: 0;
    padding: 1px;
    display: block;
    position: absolute;
    bottom: 6px;
    right: 8px;
    z-index: 100000;
    opacity: 0;
    display: none !important
}
.product-item:hover .preferit-btn{opacity: 1}





@media (max-width: 900px) {
    .img.has-hover-image .main-img {
        opacity: 1 !important; /* Forcem la visibilitat de la imatge principal */
    }
    .img .hover-img {
        display: none !important; /* Assegurem que l'extra no es mostri mai */
    }
}