/* E-Care v3 look on the Woodmart shop + category pages — wave 3 (DEC-ECARE-HEADER-FOOTER-2026-11-13).
   Loaded only from woodmart-child/header.php on is_shop() / product taxonomies, and every rule is scoped to
   body.ec-v3-shop, so no other page changes. Light only. Same tokens as ec_v3.css / head.css. */
body.ec-v3-shop{--white:#fff;--tint:#F4F8FC;--tint2:#E8F1FA;--line:#E1E8F0;--line2:#CBD7E4;--ink:#16202E;--muted:#4F5B6B;--navy:#01205A;--blue:#0B5BA0;--blue-d:#084A84;--sky:#2C8EC1;--wa:#0E7A43;--r:14px;
  --f-h:"Readex Pro","IBM Plex Sans Arabic",Tahoma,sans-serif;--f-b:"IBM Plex Sans Arabic","Readex Pro",Tahoma,sans-serif;
  --sh-h:0 2px 4px rgba(1,32,90,.08),0 12px 28px rgba(1,32,90,.12)}
body.ec-v3-shop .wd-page-content{font-family:var(--f-b);color:var(--ink)}
body.ec-v3-shop main.wd-content-layout{padding-top:0!important}
/* desktop keeps Woodmart's own split: the category list beside the grid (3 of 12), three cards per row */

/* 1 · title block: the category banner image carries its own baked-in text, and the H1 was drawn over it —
   the two read as one doubled title. The image is hidden; the same H1 text sits on a light tint. */
body.ec-v3-shop .wd-page-title{background:var(--tint)!important;padding-block:26px 22px!important;border-bottom:1px solid var(--line);margin-bottom:20px!important}
body.ec-v3-shop .wd-page-title .wd-page-title-bg,body.ec-v3-shop .wd-page-title .wd-back-btn{display:none!important}
body.ec-v3-shop .wd-page-title .entry-title{color:var(--navy)!important;font:700 clamp(24px,3.2vw,34px)/1.3 var(--f-h)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;text-shadow:none!important}
body.ec-v3-shop .wd-page-title .wd-nav-product-cat a,body.ec-v3-shop .wd-page-title .wd-nav-product-cat .nav-link-text{color:var(--navy)!important;font-family:var(--f-h);text-transform:none;letter-spacing:0}

/* 2 · toolbar: breadcrumb + count + filter buttons in the v3 type; the grid-columns toggle and per-page row go */
body.ec-v3-shop .shop-loop-head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
body.ec-v3-shop .wd-breadcrumbs,body.ec-v3-shop .woocommerce-result-count{font:400 14px/1.5 var(--f-b);color:var(--muted)}
body.ec-v3-shop .wd-breadcrumbs a{color:var(--blue)}
body.ec-v3-shop .wd-breadcrumbs .wd-last{color:var(--ink);font-weight:500}
body.ec-v3-shop .wd-products-shop-view,body.ec-v3-shop .wd-products-per-page{display:none!important}
body.ec-v3-shop .wd-show-sidebar-btn>a,body.ec-v3-shop .wd-filter-buttons>a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1.5px solid var(--line2);border-radius:999px;background:#fff;color:var(--navy)!important}
body.ec-v3-shop .wd-show-sidebar-btn>a:hover,body.ec-v3-shop .wd-filter-buttons>a:hover{border-color:var(--blue);color:var(--blue)!important}
body.ec-v3-shop .wd-show-sidebar-btn .wd-action-text,body.ec-v3-shop .wd-filter-buttons .wd-action-text{font:500 14.5px/1 var(--f-h)!important;text-transform:none!important;letter-spacing:0!important}
body.ec-v3-shop .filters-area .widget-title,body.ec-v3-shop .wd-sidebar .widget-title{font:600 16px/1.4 var(--f-h)!important;color:var(--navy)!important;text-transform:none!important;letter-spacing:0!important}
body.ec-v3-shop .filters-area a,body.ec-v3-shop .wd-sidebar .widget a{font-family:var(--f-b);text-transform:none;letter-spacing:0}
/* «Uncategorized» is WooCommerce's default category: empty (0 products) and English */
body.ec-v3-shop .cat-item-15,body.ec-v3-shop .cat-item-170{display:none!important}

/* 3 · product cards: v3 card — white, thin line, product name in Readex, price in navy, buttons always visible
   (Woodmart showed add-to-cart only on hover, so a phone never saw it). The hover description, compare,
   wishlist and quick view go. */
body.ec-v3-shop .wd-product .wd-product-wrapper{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
body.ec-v3-shop .wd-product:hover .wd-product-wrapper{box-shadow:var(--sh-h);border-color:var(--line2)}
body.ec-v3-shop .wd-product .wd-product-card-bg{display:none}
body.ec-v3-shop .wd-product .wd-product-thumb{padding:14px;border-bottom:1px solid var(--line);background:#fff;margin:0}
body.ec-v3-shop .wd-product .wrapp-swatches,body.ec-v3-shop .wd-product .hover-content,body.ec-v3-shop .wd-product .wd-more-desc-btn,
body.ec-v3-shop .wd-product .wrap-wishlist-button,body.ec-v3-shop .wd-product .wrap-quickview-button{display:none!important}
body.ec-v3-shop .wd-product .product-element-bottom{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px!important;flex:1;text-align:start}
body.ec-v3-shop .wd-product .wd-entities-title{margin:0;font:500 15px/1.45 var(--f-h)!important;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
body.ec-v3-shop .wd-product .wd-entities-title a{color:var(--ink)}
body.ec-v3-shop .wd-product .wd-entities-title a:hover{color:var(--blue)}
body.ec-v3-shop .wd-product .product-rating-price,body.ec-v3-shop .wd-product .wrapp-product-price{display:block;text-align:start!important;justify-content:flex-start!important;margin:0}
body.ec-v3-shop .wd-product .price,body.ec-v3-shop .wd-product .price .amount{color:var(--navy)!important;font:700 19px/1.2 var(--f-h)!important}
body.ec-v3-shop .wd-product .price del,body.ec-v3-shop .wd-product .price del .amount{color:var(--muted)!important;font-size:14px!important;font-weight:500!important}
body.ec-v3-shop .wd-product .price ins{text-decoration:none}
/* the hover panel becomes a normal block under the price */
body.ec-v3-shop .wd-product .wd-product-card-hover{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;margin-top:auto;padding:6px 0 0!important;background:none!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
body.ec-v3-shop .wd-product .wd-bottom-actions{display:flex!important;flex-direction:column;gap:8px;align-items:stretch;opacity:1!important;visibility:visible!important;transform:none!important;margin:0!important;position:static!important}
body.ec-v3-shop .wd-product .wd-add-btn{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;opacity:1!important;visibility:visible!important;transform:none!important;position:static!important}
body.ec-v3-shop .wd-product .wd-add-btn>a{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:0 16px!important;border-radius:999px!important;font:600 14.5px/1 var(--f-h)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;position:static!important}
body.ec-v3-shop .wd-product .wd-add-btn>a.add_to_cart_button:not(.wa-shop-button),body.ec-v3-shop .wd-product .wd-add-btn>a.product_type_variable,body.ec-v3-shop .wd-product .wd-add-btn>a.product_type_simple:not(.wa-shop-button){background:var(--blue)!important;color:#fff!important;border:1.5px solid var(--blue)!important}
body.ec-v3-shop .wd-product .wd-add-btn>a:not(.wa-shop-button):hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important}
body.ec-v3-shop .wd-product .wd-add-btn>a .wd-action-icon{display:none!important}
body.ec-v3-shop .wd-product .wd-add-btn>a .wd-action-text{display:inline!important;opacity:1!important;transform:none!important;position:static!important;color:inherit!important}
/* the plugin gives the card button id="sendbtn" and paints #sendbtn green with !important — only an id selector beats it */
body.ec-v3-shop .wd-product .wd-add-btn>a.wa-shop-button,body.ec-v3-shop .wd-product .wd-add-btn>a#sendbtn.wa-shop-button{background:#fff!important;color:var(--wa)!important;border:1.5px solid #9BCFB3!important}
body.ec-v3-shop .wd-product .wd-add-btn>a#sendbtn.wa-shop-button:hover{background:#EEF8F2!important;border-color:var(--wa)!important}
/* Woodmart unsets min-height on card buttons with a 5-class selector — matched here so both buttons are the same height */
body.ec-v3-shop .wd-product.wd-product .wd-bottom-actions .wd-add-btn>a{min-height:42px!important}
/* Woodmart's hover-reveal label is a 36px block with its text at the top — centred in the button */
body.ec-v3-shop .wd-product.wd-product .wd-bottom-actions .wd-add-btn>a .wd-action-text{display:inline!important;padding:0!important;height:auto!important;min-height:0!important;line-height:1.3!important;position:static!important;transform:none!important;opacity:1!important}
body.ec-v3-shop .wd-product a:focus-visible,body.ec-v3-shop .wd-product .wd-add-btn>a:focus-visible,body.ec-v3-shop .wd-product .wd-add-btn>a#sendbtn:focus-visible{outline:3px solid var(--sky)!important;outline-offset:2px!important}
/* the price-filter submit in the sidebar: v3 blue pill instead of Woodmart's dark button with faint text */
body.ec-v3-shop .widget_price_filter .price_slider_amount .button{background:var(--blue)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:40px;padding:0 18px!important;font:600 14px/1 var(--f-h)!important;text-transform:none!important;letter-spacing:0!important}
body.ec-v3-shop .widget_price_filter .price_slider_amount .button:hover{background:var(--blue-d)!important}
body.ec-v3-shop .woocommerce-pagination a,body.ec-v3-shop .woocommerce-pagination span{font-family:var(--f-h)}
@media (max-width:640px){
  body.ec-v3-shop .wd-page-title{padding-block:18px 16px!important;margin-bottom:16px!important}
  body.ec-v3-shop .wd-product .product-element-bottom{padding:10px 10px 12px!important}
  body.ec-v3-shop .wd-product .wd-entities-title{font-size:14px!important}
  body.ec-v3-shop .wd-product .price,body.ec-v3-shop .wd-product .price .amount{font-size:17px!important}
  body.ec-v3-shop .wd-product.wd-product .wd-bottom-actions .wd-add-btn>a{min-height:40px!important}
  body.ec-v3-shop .wd-product .wd-add-btn>a{font-size:13.5px!important;padding:0 8px!important}
}
@media (prefers-reduced-motion:reduce){body.ec-v3-shop .wd-product .wd-product-wrapper{transition:none}}