/* =========================================================
   SAJANIYA - PRODUCT LOOP RATING & WISHLIST
   Compact Shopify-inspired design
   ========================================================= */

/* Product image positioning */

.wd-loop-prod-thumb {
    position: relative !important;
}

/* =========================================================
   1. RATING CONTAINER
   ========================================================= */

.wp-block-wd-container.wd-147565c6 {
    display: none !important;

    width: max-content !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

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

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    overflow: visible !important;
    white-space: nowrap !important;
}

/* Show only products with ratings */

.wp-block-wd-container.wd-147565c6.sajaniya-has-rating {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    min-height: 24px !important;

    padding: 4px 9px !important;

    background: #f3f3f3 !important;
    border: none !important;
    border-radius: 30px !important;

    box-shadow: none !important;

    line-height: 1 !important;

    transform: translateY(0) !important;
}

/* Hide products without ratings */

.wp-block-wd-container.wd-147565c6.sajaniya-rating-empty {
    display: none !important;
}

/* Rating block */

.wd-147565c6.sajaniya-has-rating
.wd-loop-prod-rating {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    min-height: 14px !important;

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

    line-height: 14px !important;
}

/* Rating wrapper */

.wd-147565c6.sajaniya-has-rating
.wd-star-rating {
    display: inline-flex !important;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 3px !important;

    width: max-content !important;
    min-height: 14px !important;

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

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    line-height: 14px !important;
}

/* Star */

.wd-147565c6.sajaniya-has-rating
.star-rating {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;
    height: 14px !important;

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

    line-height: 14px !important;
    overflow: visible !important;
}

/* Rating number */

.wd-147565c6.sajaniya-has-rating
.star-rating > div {
    display: inline-flex !important;

    align-items: center !important;

    height: 14px !important;

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

    font-size: 11px !important;
    line-height: 14px !important;

    color: #333333 !important;
}

/* Pink star */

.wd-147565c6.sajaniya-has-rating
.star-rating::before,

.wd-147565c6.sajaniya-has-rating
.star-rating::after,

.wd-147565c6.sajaniya-has-rating
.star-rating span::before {
    color: #e93462 !important;
}

/* Review count */

.wd-147565c6.sajaniya-has-rating
.woocommerce-review-link {
    display: inline-flex !important;

    align-items: center !important;

    height: 14px !important;

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

    font-size: 10px !important;
    line-height: 14px !important;

    color: #555555 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}


/* =========================================================
   SHOPIFY-STYLE RATING DISPLAY
   ========================================================= */

/* Hide the original visual rating inside the pill only */

.wd-147565c6.sajaniya-has-rating
.wd-loop-prod-rating,
.wd-147565c6.sajaniya-has-rating
.wd-star-rating,
.wd-147565c6.sajaniya-has-rating
.star-rating,
.wd-147565c6.sajaniya-has-rating
.woocommerce-review-link {
    display: none !important;
}

/* New compact display */

.wd-147565c6.sajaniya-has-rating
.sajaniya-rating-display {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 14px !important;

    white-space: nowrap !important;
}

/* Pink star */

.wd-147565c6.sajaniya-has-rating
.sajaniya-rating-star {
    color: #e93462 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Rating number and review count */

.wd-147565c6.sajaniya-has-rating
.sajaniya-rating-text {
    color: #444444 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
}



/* =========================================================
   2. WISHLIST POSITION
   ========================================================= */

.wd-loop-prod-thumb .sajaniya-wishlist-container {
    position: absolute !important;
    inset: auto 10px 10px auto !important;

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

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    z-index: 20 !important;
}

/* =========================================================
   3. WISHLIST BUTTON
   ========================================================= */

.wd-loop-prod-thumb .sajaniya-wishlist-button,
.wd-loop-prod-thumb .sajaniya-wishlist-button a {
    box-sizing: border-box !important;

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

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

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

    border-radius: 50% !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.wd-loop-prod-thumb .sajaniya-wishlist-button {
    background: transparent !important;
    border: 1px solid #e7b5c1 !important;
    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}

.wd-loop-prod-thumb .sajaniya-wishlist-button a {
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
}

/* Heart icon */

.wd-loop-prod-thumb .sajaniya-wishlist-button .wd-action-icon,
.wd-loop-prod-thumb .sajaniya-wishlist-button a::before {
    font-size: 16px !important;
    line-height: 1 !important;
    color: inherit !important;
}

/* Hover */

.wd-loop-prod-thumb .sajaniya-wishlist-button:hover {
    background: #ffffff !important;
    border-color: #e93462 !important;
}

.wd-loop-prod-thumb .sajaniya-wishlist-button:hover a {
    color: #e93462 !important;
}

/* =========================================================
   4. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-block-wd-container.wd-147565c6.sajaniya-has-rating {
        min-height: 22px !important;
        padding: 4px 7px !important;
    }

    .wd-loop-prod-thumb .sajaniya-wishlist-container {
        inset: auto 8px 8px auto !important;
    }

    .wd-loop-prod-thumb .sajaniya-wishlist-container,
    .wd-loop-prod-thumb .sajaniya-wishlist-button,
    .wd-loop-prod-thumb .sajaniya-wishlist-button a {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    .wd-loop-prod-thumb .sajaniya-wishlist-button .wd-action-icon,
    .wd-loop-prod-thumb .sajaniya-wishlist-button a::before {
        font-size: 15px !important;
    }
}