/* Walmart-style product card layout.
 * Supports two paths:
 * 1) Our custom markup in content-product.php (.wmc-*)
 * 2) Native Woodmart markup (.product-wrapper, .product-element-top, etc.)
 * Scoped primarily via .wm-walmart-card added to product post_class.
 */

/* ========== OUR OVERRIDE MARKUP (wmc-*) ========== */
.products .product.wm-walmart-card .wmc-card{display:flex;flex-direction:column;position:relative;height:100%;background:#fff;border:1px solid #e6e8eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.products .product.wm-walmart-card .wmc-media{position:relative;background:#fff}
.products .product.wm-walmart-card .wmc-thumb-link{display:block;padding:12px}
.products .product.wm-walmart-card .wmc-thumb-link img{width:100%;height:auto;object-fit:contain}
.products .product.wm-walmart-card .onsale{position:absolute;left:12px;top:12px;z-index:2;background:#f63;color:#fff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}
.products .product.wm-walmart-card .wmc-top-actions{position:absolute;right:8px;top:8px;display:flex;gap:6px;z-index:3}
.products .product.wm-walmart-card .wmc-wishlist a,.products .product.wm-walmart-card .wmc-wishlist button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e6e8eb;color:#333;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.products .product.wm-walmart-card .wmc-wishlist a:hover,.products .product.wm-walmart-card .wmc-wishlist button:hover{background:#f5f7fa}
.products .product.wm-walmart-card .wmc-body{padding:10px 12px 12px}
.products .product.wm-walmart-card .wmc-title{margin:0 0 6px;font-size:14px;line-height:1.35;font-weight:600}
.products .product.wm-walmart-card .wmc-title a{color:#1a1a1a;text-decoration:none}
.products .product.wm-walmart-card .wmc-title a:hover{text-decoration:underline}
.products .product.wm-walmart-card .wmc-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-height:18px}
.products .product.wm-walmart-card .star-rating{font-size:12px;height:1em}
.products .product.wm-walmart-card .wmc-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.products .product.wm-walmart-card .price{font-size:16px;font-weight:700;color:#0a0a0a}
.products .product.wm-walmart-card .price del{color:#6b7280;font-weight:500;margin-right:4px}
.products .product.wm-walmart-card .price ins{color:#0a0a0a;text-decoration:none}
.products .product.wm-walmart-card .wmc-actions{margin-top:auto;padding:10px 12px 12px}
.products .product.wm-walmart-card .wmc-atc{display:flex;justify-content:flex-end}
.products .product.wm-walmart-card .button.add_to_cart_button,.products .product.wm-walmart-card .button.product_type_simple,.products .product.wm-walmart-card .button.product_type_variable,.products .product.wm-walmart-card .button.product_type_grouped,.products .product.wm-walmart-card .button.product_type_external{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:9999px;border:1px solid #0a66c2;background:#0a66c2;color:#fff;font-weight:600;font-size:13px;text-transform:none}
.products .product.wm-walmart-card .button.add_to_cart_button:hover{background:#0957a4;border-color:#0957a4}
.products .product.wm-walmart-card .added_to_cart{margin-left:8px;font-size:12px}
.products .product.wm-walmart-card .button.add_to_cart_button:before{content:"";display:inline-block;width:16px;height:16px;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.17 14.75l.03.01h10.93c.83 0 1.54-.5 1.84-1.22l2.96-6.91A1 1 0 0021 5H6.21l-.94-2.01A1 1 0 004.35 2H2v2h1.61l3.6 7.59-1.35 2.44C5.32 14.61 6.16 15 7 15h12v-2H7.42l.75-1.35z"/></svg>') center/contain no-repeat;margin-right:6px}
.products .product.wm-walmart-card .yith-wcwl-add-to-wishlist{margin:0}
.products .product.wm-walmart-card .yith-wcwl-add-button a.add_to_wishlist{border:none;background:transparent}
@media (hover:hover){.products .product.wm-walmart-card .wmc-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}}

/* ========== WOODMART NATIVE MARKUP (product-wrapper) ========== */
.products .product.wm-walmart-card .product-wrapper,
.wd-products-grid .product-wrapper,
.woodmart-products-holder .product-wrapper,
.woocommerce ul.products li.product .product-wrapper{display:flex;flex-direction:column;position:relative;height:100%;background:#fff;border:1px solid #e6e8eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.products .product.wm-walmart-card .product-element-top,
.wd-products-grid .product-element-top,
.woodmart-products-holder .product-element-top,
.woocommerce ul.products li.product .product-element-top{position:relative;background:#fff;padding:10px}
.products .product.wm-walmart-card .product-image-link,
.wd-products-grid .product-image-link,
.woodmart-products-holder .product-image-link,
.woocommerce ul.products li.product .product-image-link{display:block}
.products .product.wm-walmart-card .product-image-link img,
.wd-products-grid .product-image-link img,
.woodmart-products-holder .product-image-link img,
.woocommerce ul.products li.product .product-image-link img{width:100%;height:auto;object-fit:contain}
.products .product.wm-walmart-card .hover-img,
.wd-products-grid .hover-img,
.woodmart-products-holder .hover-img,
.woocommerce ul.products li.product .hover-img{display:none!important}
.products .product.wm-walmart-card .wd-buttons.wd-pos-r-t,
.wd-products-grid .wd-buttons.wd-pos-r-t,
.woodmart-products-holder .wd-buttons.wd-pos-r-t,
.woocommerce ul.products li.product .wd-buttons.wd-pos-r-t{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:3}
.products .product.wm-walmart-card .wd-wishlist-btn a,
.wd-products-grid .wd-wishlist-btn a,
.woodmart-products-holder .wd-wishlist-btn a,
.woocommerce ul.products li.product .wd-wishlist-btn a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e6e8eb;color:#333;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.products .product.wm-walmart-card .wd-wishlist-btn .wd-action-text,
.wd-products-grid .wd-wishlist-btn .wd-action-text,
.woodmart-products-holder .wd-wishlist-btn .wd-action-text,
.woocommerce ul.products li.product .wd-wishlist-btn .wd-action-text{position:absolute;clip:rect(1px,1px,1px,1px)}
.products .product.wm-walmart-card .product-element-bottom,
.wd-products-grid .product-element-bottom,
.woodmart-products-holder .product-element-bottom,
.woocommerce ul.products li.product .product-element-bottom{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}
.products .product.wm-walmart-card .wd-product-header,
.wd-products-grid .wd-product-header,
.woodmart-products-holder .wd-product-header,
.woocommerce ul.products li.product .wd-product-header{margin:0}
.products .product.wm-walmart-card .wd-entities-title,
.wd-products-grid .wd-entities-title,
.woodmart-products-holder .wd-entities-title,
.woocommerce ul.products li.product .wd-entities-title{margin:0 0 4px;font-size:14px;line-height:1.35;font-weight:700}
.products .product.wm-walmart-card .wd-entities-title a,
.wd-products-grid .wd-entities-title a,
.woodmart-products-holder .wd-entities-title a,
.woocommerce ul.products li.product .wd-entities-title a{color:#1a1a1a;text-decoration:none}
.products .product.wm-walmart-card .wd-entities-title a:hover,
.wd-products-grid .wd-entities-title a:hover,
.woodmart-products-holder .wd-entities-title a:hover,
.woocommerce ul.products li.product .wd-entities-title a:hover{text-decoration:underline}
.products .product.wm-walmart-card .wd-product-cats,
.wd-products-grid .wd-product-cats,
.woodmart-products-holder .wd-product-cats,
.woocommerce ul.products li.product .wd-product-cats{font-size:12px;color:#6b7280}
.products .product.wm-walmart-card .wrap-price .price,
.wd-products-grid .wrap-price .price,
.woodmart-products-holder .wrap-price .price,
.woocommerce ul.products li.product .wrap-price .price{font-size:16px;font-weight:700;color:#0a0a0a}
.products .product.wm-walmart-card .wrap-price .price del,
.wd-products-grid .wrap-price .price del,
.woodmart-products-holder .wrap-price .price del,
.woocommerce ul.products li.product .wrap-price .price del{color:#6b7280;font-weight:500;margin-right:4px}
.products .product.wm-walmart-card .wrap-price .price ins,
.wd-products-grid .wrap-price .price ins,
.woodmart-products-holder .wrap-price .price ins,
.woocommerce ul.products li.product .wrap-price .price ins{color:#0a0a0a;text-decoration:none}
.products .product.wm-walmart-card .wd-product-footer,
.wd-products-grid .wd-product-footer,
.woodmart-products-holder .wd-product-footer,
.woocommerce ul.products li.product .wd-product-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.products .product.wm-walmart-card .wd-add-btn .button,
.wd-products-grid .wd-add-btn .button,
.woodmart-products-holder .wd-add-btn .button,
.woocommerce ul.products li.product .wd-add-btn .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:9999px;border:1px solid #0a66c2;background:#0a66c2;color:#fff;font-weight:700;font-size:13px;text-transform:none}
.products .product.wm-walmart-card .wd-add-btn .button:hover,
.wd-products-grid .wd-add-btn .button:hover,
.woodmart-products-holder .wd-add-btn .button:hover,
.woocommerce ul.products li.product .wd-add-btn .button:hover{background:#0957a4;border-color:#0957a4}
.products .product.wm-walmart-card .wd-action-buttons,
.wd-products-grid .wd-action-buttons,
.woodmart-products-holder .wd-action-buttons,
.woocommerce ul.products li.product .wd-action-buttons{display:flex;align-items:center;gap:6px}
.products .product.wm-walmart-card .wd-action-buttons .wd-action-btn a,
.wd-products-grid .wd-action-buttons .wd-action-btn a,
.woodmart-products-holder .wd-action-buttons .wd-action-btn a,
.woocommerce ul.products li.product .wd-action-buttons .wd-action-btn a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e6e8eb;color:#333}

/* Neutralize Woodmart default hover reveals/transforms within our card */
.products .product.wm-walmart-card .product-wrapper,
.products .product.wm-walmart-card .product-element-top,
.products .product.wm-walmart-card .product-element-bottom,
.products .product.wm-walmart-card .wd-buttons,
.products .product.wm-walmart-card .wd-action-buttons{
  transform:none!important;
}
.products .product.wm-walmart-card .wd-buttons,
.products .product.wm-walmart-card .wd-action-buttons{
  opacity:1!important;visibility:visible!important;
}
.products .product.wm-walmart-card:hover .wd-buttons,
.products .product.wm-walmart-card:hover .wd-action-buttons{
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.products .product.wm-walmart-card .wd-quick-shop{overflow:visible}

/* Walmart-like price treatment (sale) */
.products .product.wm-walmart-card .wmc-price-row .price ins,
.products .product.wm-walmart-card .wrap-price .price ins{font-size:18px;font-weight:800;color:#0a0a0a}
.products .product.wm-walmart-card .wmc-price-row .price del,
.products .product.wm-walmart-card .wrap-price .price del{font-size:12px;color:#6b7280;text-decoration-line:line-through;text-decoration-color:#d1d5db;text-decoration-thickness:2px;text-decoration-skip-ink:none;opacity:1}
.products .product.wm-walmart-card .wmc-price-row .price del:before,
.products .product.wm-walmart-card .wrap-price .price del:before{content:'Was ';font-weight:600;color:#6b7280;margin-right:2px}
.products .product.wm-walmart-card .wmc-price-row .price ins:before,
.products .product.wm-walmart-card .wrap-price .price ins:before{content:''}

/* Fallback: apply card look even if container classes differ */
.product-wrapper{display:flex;flex-direction:column;position:relative;height:100%;background:#fff;border:1px solid #e6e8eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.product-element-top{position:relative;background:#fff;padding:10px}
.product-element-bottom{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}
.wd-entities-title{margin:0 0 4px;font-size:14px;line-height:1.35;font-weight:700}
.wd-entities-title a{color:#1a1a1a;text-decoration:none}
.wd-entities-title a:hover{text-decoration:underline}
.wrap-price .price{font-size:16px;font-weight:700;color:#0a0a0a}
.wrap-price .price del{color:#6b7280;font-weight:500;margin-right:4px}
.wrap-price .price ins{color:#0a0a0a;text-decoration:none}
.wd-product-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.wd-add-btn .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:9999px;border:1px solid #0a66c2;background:#0a66c2;color:#fff;font-weight:700;font-size:13px;text-transform:none}
.wd-add-btn .button:hover{background:#0957a4;border-color:#0957a4}
.wd-buttons.wd-pos-r-t{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:3}
.wd-wishlist-btn a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e6e8eb;color:#333;box-shadow:0 1px 2px rgba(0,0,0,.04)}