/* --- WhatsApp Icons Styling --- */

/* Base container styling */
.wa-icon-wrap {
    display: flex;
    align-items: center;
    z-index: 5;
}

.wa-icon-wrap img {
    display: none; /* Hide all by default */
    height: 28px;
    width: auto;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.wa-icon-wrap img:hover {
    transform: scale(1.1);
}

/* Desktop View Optimization */
@media (min-width: 769px) {
    .info-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }

    .product-price {
        order: 1;
    }

    .wa-icon-wrap {
        order: 2;
        margin-left: auto; /* Push to the right side of the card */
    }
    
    .seller-pill {
        order: 3;
        margin-left: 8px; /* Keep it close to the WA icon */
    }

    .wa-icon-wrap .wa-desktop {
        display: block;
    }
}

/* Mobile View (Overall) */
@media (max-width: 768px) {
    /* Show exactly 1 line of description on mobile */
    .product-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 5px !important;
        font-size: 11px !important;
        opacity: 0.6;
        line-height: 1.2 !important;
        height: 14px !important;
    }

    .info-bottom {
        position: relative;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    /* Mobile List View Positioning */
    .listing-items-wrapper:not(.grid-view) .wa-icon-wrap {
        position: absolute;
        right: 0;
        bottom: 52px;
    }

    .listing-items-wrapper:not(.grid-view) .wa-icon-wrap .wa-mobile-list {
        display: block;
        height: 30px;
    }

    /* Mobile Grid View Positioning */
    .listing-items-wrapper.grid-view .info-bottom {
        position: relative;
        padding-top: 8px;
    }
    
    .listing-items-wrapper.grid-view .wa-icon-wrap {
        position: absolute;
        right: 5px;
        bottom: 38px; /* Thora neechay (moved down slightly) */
    }

    .listing-items-wrapper.grid-view .wa-icon-wrap .wa-mobile-grid {
        display: block;
        height: 22px;
    }
}