/**
 * Product Card — Desktop-Only Styles
 * سایه، tooltip hover و افکت‌های hover که روی touch کار نمی‌کنند
 */

/* ── سایه زیر کارت ── */
.product-card__inner::after {
    content: '';
    position: absolute;
    width: 90%;
    height: 8px;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: 0 auto;
    background: #e8e8e8;
    border-radius: 0 0 20px 20px;
    transition: background 0.3s ease;
    z-index: -1;
}

.product-card:hover .product-card__inner::after {
    background: #0f4f59;
}

/* ── Tooltip برند ── */
.product-card__brand[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    left: calc(100% + 12px);
    transform: translateY(-50%);
    padding: 6px 9px;
    background: #e8f5f3;
    color: #0f4f59;
    font-size: 11px;
    white-space: nowrap;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    pointer-events: none;
}

.product-card__brand[data-tooltip]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #e8f5f3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    pointer-events: none;
}

.product-card__brand[data-tooltip]:hover::after,
.product-card__brand[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ── Tooltip wishlist ── */
.product-card__wishlist[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    transform: translateY(-50%);
    padding: 6px 9px;
    background: #e8f5f3;
    color: #0f4f59;
    font-size: 11px;
    white-space: nowrap;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    pointer-events: none;
}

.product-card__wishlist[data-tooltip]::before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% + 1px);
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: #e8f5f3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    pointer-events: none;
}

.product-card__wishlist[data-tooltip]:hover::after,
.product-card__wishlist[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ── Quick view hover ── */
.product-card:hover .product-card__quick-view svg {
    background-color: #e8f5f3;
    color: #0f4f59;
    border-color: #0f4f59;
}