/* ===================== BWP Product Card (scoped) ===================== */
li.product .bwp-card,
ul.products li.product .bwp-card,
.products .product .bwp-card {
    --gtv-green: #1f4d3a;
    --gtv-green-700: #163629;
    --gtv-success: #22C55E;
    --gtv-ink: #18221B;
    --gtv-cream: #fffdf6;
    --card: #fff;
    --border: rgba(0, 0, 0, .10);
    --gtv-thumb: 64px;
    box-sizing: border-box;
    line-height: 1.5;
    color: var(--gtv-ink);
    background: var(--gtv-cream);
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 16px;
}

/* حذف بولتِ <li> */
ul.products>li.product.bwp-card-host,
.products>li.product.bwp-card-host {
    list-style: none !important;
}

/* Reset داخل کارت */
li.product .bwp-card *,
li.product .bwp-card *::before,
li.product .bwp-card *::after {
    box-sizing: border-box;
}

li.product .bwp-card h1,
li.product .bwp-card h2,
li.product .bwp-card h3,
li.product .bwp-card h4,
li.product .bwp-card h5,
li.product .bwp-card h6,
li.product .bwp-card p,
li.product .bwp-card ul,
li.product .bwp-card ol,
li.product .bwp-card li,
li.product .bwp-card figure,
li.product .bwp-card blockquote,
li.product .bwp-card dl,
li.product .bwp-card dd {
    margin: 0;
    padding: 0;
}

li.product .bwp-card a {
    text-decoration: none;
    color: inherit;
}

li.product .bwp-card img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block;
}

/* ===== Layout: [thumb] [info ..flex..] [cart] ===== */
li.product .bwp-card .gtv-row {
    display: flex !important;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 12px 14px;
}

li.product .bwp-card .gtv-thumb {
    position: relative;
    flex: 0 0 var(--gtv-thumb);
    width: var(--gtv-thumb);
    height: var(--gtv-thumb);
    overflow: hidden;
    border-radius: 12px;
}

li.product .bwp-card .gtv-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Middle info takes remaining space */
li.product .bwp-card .gtv-info {
    flex: 1 1 auto;
    min-width: 0;
}

li.product .bwp-card .gtv-title {
    display: inline-block;
    font-weight: 700;
    color: var(--gtv-green);
}

li.product .bwp-card .gtv-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Right cart column sticks to the right */
li.product .bwp-card .gtv-cart {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

li.product .bwp-card .gtv-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

li.product .bwp-card .gtv-cta-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

li.product .bwp-card .gtv-price--cart {
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: .95rem;
    line-height: 1.2;
}

/* رنگ‌ها */
li.product .bwp-card .gtv-colors {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

li.product .bwp-card .gtv-swatch {
    width: 14px;
    height: 14px;
    border-radius: 9999px;
    background: var(--c, transparent);
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}

li.product .bwp-card .gtv-swatch[style*="#fff"],
li.product .bwp-card .gtv-swatch[style*="white"] {
    border-color: rgba(0, 0, 0, .25);
}

/* تگ‌ها */
li.product .bwp-card .gtv-tags {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

li.product .bwp-card .gtv-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 9999px;
    background: rgba(31, 77, 58, .08);
    border: 1px solid rgba(31, 77, 58, .20);
    color: var(--gtv-green);
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

/* Wishlist روی تصویر */
li.product .bwp-card .gtv-thumb .gtv-wishlist {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 5;
}

li.product .bwp-card .gtv-thumb .woosw-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

li.product .bwp-card .gtv-thumb .woosw-btn .woosw-btn-icon,
li.product .bwp-card .gtv-thumb .woosw-btn .woosw-btn-icon::before {
    font-size: 18px;
    line-height: 1;
}

li.product .bwp-card .gtv-thumb .woosw-btn:not(.woosw-added) .woosw-btn-icon,
li.product .bwp-card .gtv-thumb .woosw-btn:not(.woosw-added) .woosw-btn-icon::before {
    color: #fff !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .55);
    -webkit-text-stroke: 0.6px rgba(0, 0, 0, .45);
}

li.product .bwp-card .gtv-thumb .woosw-btn.woosw-added .woosw-btn-icon,
li.product .bwp-card .gtv-thumb .woosw-btn.woosw-added .woosw-btn-icon::before {
    color: red !important;
}

/* Badges */
li.product .bwp-card .gtv-badges {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 6px;
}

li.product .bwp-card .gtv-badge {
    background: #e02424;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 9999px;
    line-height: 1;
}

li.product .bwp-card .gtv-badge--sale {
    background: #ef4444;
}

/* Rating */
li.product .bwp-card .gtv-rating {
    margin-top: 6px;
}

/* Buttons isolate */
li.product .bwp-card .button,
li.product .bwp-card button,
li.product .bwp-card input[type=submit],
li.product .bwp-card a.button,
li.product .bwp-card .added_to_cart {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 10px;
    background: var(--gtv-green);
    color: #fff;
    cursor: pointer;
    line-height: 1.2;
    font-weight: 600;
}

li.product .bwp-card .button:hover,
li.product .bwp-card button:hover,
li.product .bwp-card input[type=submit]:hover,
li.product .bwp-card a.button:hover {
    background: var(--gtv-green-700);
}

/* Quantity */
li.product .bwp-card .quantity {
    margin: 0;
}

li.product .bwp-card .quantity label,
li.product .bwp-card .gtv-cta .quantity label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

li.product .bwp-card .quantity input.qty {
    width: 70px;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0 10px;
    text-align: center;
    background: #fff;
}

/* خاموش کردن qty با کلاس کارت */
li.product .bwp-card.uprd--no-qty .quantity {
    display: none !important;
}

/* --- فقط وقتی تمپلیت Grønttorv فعاله → فول‌عرض --- */
ul.products li.product.bwp-card-host.bwp-loop--gronttorv,
.products .product.bwp-card-host.bwp-loop--gronttorv {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    clear: both !important;
    grid-column: 1 / -1 !important;
}
ul.products li.product.bwp-card-host.bwp-loop--gronttorv .box,
.products .product.bwp-card-host.bwp-loop--gronttorv .box {
    width: 100% !important;
    max-width: 100% !important;
}

/* --- فقط وقتی تمپلیت Simple فعاله → 3 ستونه (Fallback در صورت بی‌توجهی تم) --- */
ul.products li.product.bwp-card-host.bwp-loop--simple,
.products .product.bwp-card-host.bwp-loop--simple {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
    float: none !important;
    clear: none !important;
    grid-column: auto;
}
@media (max-width: 549px) {
    ul.products li.product.bwp-card-host.bwp-loop--simple,
    .products .product.bwp-card-host.bwp-loop--simple {
        max-width: 100%;
        flex: 0 0 100%;
    }
}


/* ===== Length (Længde) chips ===== */
li.product .bwp-card .gtv-attrs {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

li.product .bwp-card .gtv-attr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 9999px;
    background: rgba(31, 77, 58, .06);
    border: 1px solid rgba(31, 77, 58, .18);
    color: var(--gtv-ink);
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

li.product .bwp-card .gtv-attr strong {
    font-weight: 600;
    margin-right: 4px;
}

li.product .bwp-card .gtv-attr--length .gtv-ico {
    color: var(--gtv-green);
}

li.product .bwp-card .gtv-ico {
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 0;
    flex: 0 0 14px;
}

/* Screen-reader only helper */
li.product .bwp-card .gtv-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}