/* 
 * 產品卡片可點擊層樣式
 * 版本: 1.0
 * 日期: 2025-04-16
 */

/* 可點擊層的基本樣式 */
.product-card__clickable-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* 高度設為70%，只覆蓋卡片上半部分，不包括底部操作區域 */
    height: calc(100% - 70px);
    z-index: 2; /* 確保在大多數元素上方，但在一些重要元素下方 */
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
}

/* 懸浮效果 */
.product-card__clickable-overlay:hover {
    background-color: rgba(0, 0, 0, 0.02); /* 非常輕微的暗色調，表示可點擊 */
}

/* 確保一些特定元素在可點擊層之上，仍能被操作 */
.product-card__image-stock-status,
.product-card__sold-out,
.product-card__pre-order {
    z-index: 3; /* 高於可點擊層 */
}