/* Custom Wishlist styles */
.cwp-wishlist-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
	margin-top: 20px;
}

.cwp-text {
    padding-left: 5px;
}

/* Heart icon (default state) */
.cwp-wishlist-button .cwp-heart {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/wishlist.svg') no-repeat center center;
    background-size: contain;
}

.cwp-wishlist-button.is-active {
    color: #2E2C29;
}

/* layout on wishlist page */

/* Container + Grid ίδια όπως πριν */
.cwp-wishlist-container {
    max-width: 1366px;
    margin: 0 auto;
    padding: 20px;
}

.cwp-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.cwp-wishlist-item {
    position: relative;
    text-align: left;
}

/* Δεν χρειαζόμαστε πια το παλιό background/spacing εδώ */
.cwp-background-image {
    background-color: transparent;
    padding: 0;
}

/* === PRODUCT CARD STYLE (ίδιο με shop grid) === */

.product-card {
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 315px; /* σταθερό πλάτος κάρτας */
    margin: 0 auto;
}

/* Εικόνα προϊόντος */
.product-card .product-image img {
    width: 315px;
	max-width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
}

/* Remove button – κρατάμε λευκό, απλά το πάμε δεξιά */
.cwp-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

/* Κεντρικός τίτλος (χωρίς hover) */
.product-card .product-title {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
    font-size: 25px;
    font-weight: 400;
    opacity: 1 !important;
    pointer-events: none;
}

/* Κανονική θέση τίτλου στο hover */
.product-card:hover .product-title {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    pointer-events: auto;
}

/* Swatches layout (αν χρειάζεται) */
.product-card .variations_form.cart.swatches-support {
    display: flex;
    justify-content: space-between;
}

/* Ειδική περίπτωση swatches με 3 επιλογές */
.product-card .variations_form.cart.swatches-support 
.tawcvs-swatches.oss-:has(> *:nth-child(3)):not(:has(> *:nth-child(4))) 
.swatch-item-wrapper {
    margin-right: 10px !important;
}

.product-card .variations_form.cart.swatches-support 
.tawcvs-swatches.oss-:has(> *:nth-child(3)):not(:has(> *:nth-child(4))) 
.swatch-item-wrapper .swatch {
    width: 22px;
    height: 22px;
}

/* Κρυμμένα αρχικά στοιχεία (price, swatches, button) */
.product-card .price,
.product-card .variations,
.product-card .wooswatches-wrapper,
.product-card .add_to_cart_button,
.product-card .button,
.product-card .dw-loop-swatches {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
}

/* Hover state – εμφανίζονται όλα όπως στο shop */
.product-card:hover {
    background-color: #fff;
    padding: 10px;
}

.product-card:hover .price,
.product-card:hover .variations,
.product-card:hover .wooswatches-wrapper,
.product-card:hover .add_to_cart_button,
.product-card:hover .button,
.product-card:hover .dw-loop-swatches {
    opacity: 1;
    pointer-events: auto;
}

/* Στυλ κουμπιού add to cart στο hover */
.product-card:hover .button,
.product-card:hover .cwp-addcart-btn {
    font-size: 15px;
    font-weight: 400;
    background-color: #000000;
    color: #ffffff;
	padding: .618em 1em;
	border-radius: 3px;
	display: block;
}

.product-card:hover .button:hover,
.product-card:hover .cwp-addcart-btn:hover {
    background-color: #000000;
    color: #ffffff;
}

/* Κρύβουμε labels variations αν εμφανίζονται */
.product-card table.variations .label {
    margin-bottom: 10px;
    display: none;
}

/* Τιμή – ίδιο μέγεθος με shop grid */
.product-card .price {
    display: block;
    font-size: 25px;
    color: var(--e-global-color-secondary);
}

/* Αν θες, μπορείς να μη δείχνεις short description στη wishlist */
.cwp-wishlist-shortdesc {
    display: none;
}


/* Wishlist icon στο header */
.cwp-header-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.cwp-header-icon .cwp-heart {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/wishlist.svg') no-repeat center center;
    background-size: contain;
}

.cwp-header-icon .cwp-count {
    position: absolute;
    top: -13px;
    right: -10px;
    background: #000;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cwp-header-icon .cwp-x {
    font-size: 8px;
}


/* Wishlist icon σε loop */
/* Βάζουμε τον τίτλο+τιμή+wishlist σε flex */

.elementor-products-grid .product div:not(.loop-product-image):not(.cwp-loop-wishlist) {
	display: flex;
}

.woocommerce ul.products li.product .price {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}

/* το wishlist icon */
.cwp-loop-wishlist {
    position: absolute;
    right: 20px;
    top: 0px;
}

.archive .cwp-wishlist-button,
.home .cwp-wishlist-button {
	display: block;
	line-height: 0;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
}

/* Καρδιά */
.cwp-loop-icon .cwp-heart {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../images/wishlist.svg') no-repeat center center;
    background-size: contain;
    position: relative;
    cursor: pointer;
}

/* Όταν είναι ενεργό → ✔ πάνω στην καρδιά */
.cwp-loop-icon.is-active .cwp-heart {
	background: url('../images/heart.svg') no-repeat center center;
	width: 20px;
    height: 20px;
}