/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* ==========================================================================
   SP2S PRO REDESIGN LAYER  -  711.sp2spro.com
   Appended to woodmart-child/style.css on 2026-09-22.
   Revert: delete everything from the "SP2S PRO REDESIGN LAYER" line below.
   ========================================================================== */
:root{
  --sp2s-ink:#0b1214;
  --sp2s-accent:#c6f24e;
  --sp2s-accent-ink:#16240a;
  --sp2s-promo:#ff4d2d;
  --sp2s-line:#e5e9eb;
  --sp2s-text:#12191c;
  --sp2s-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;
}
body,input,select,textarea{font-family:var(--sp2s-font);}
body{color:var(--sp2s-text);}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:800;}

/* 1. Header / Topbar -> ink dark (contrast handled by existing color-dark scheme) */
.whb-top-bar{background:#000 !important;}
.whb-header,.whb-main-header,.whb-general-header,.whb-header-bottom{background:var(--sp2s-ink) !important;}
.whb-header .logo img,.whb-header-buttons img{max-height:40px;}

/* 2. Product card -> clean white card, 16px radius, hover lift */
.products .product,.wd-products .product,.product-grid-item{
  background:#fff;border:1px solid var(--sp2s-line);border-radius:16px;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.products .product:hover,.wd-products .product:hover,.product-grid-item:hover{
  box-shadow:0 8px 28px rgba(11,18,20,.10);border-color:#cfd8db;transform:translateY(-3px);
}

/* 3. Product title -> max 2 lines (was 3-4 lines of long-tail SEO text) */
.products .product .wd-entities-title,
.wd-products .product .wd-entities-title,
.products .product .woocommerce-loop-product__title,
.products .product h3,
.product-grid-item .wd-entities-title{
  font-size:14px !important;line-height:1.45 !important;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.9em;margin-bottom:6px;
}
.products .product .wd-entities-title a,
.wd-products .product .wd-entities-title a{color:var(--sp2s-text);}

/* 4. Price -> sale price in promo red, regular price muted */
.products .product .price ins,
.products .product .price bdi,
.wd-products .product .price ins{color:var(--sp2s-promo);font-weight:800;text-decoration:none;}
.products .product .price del,
.wd-products .product .price del{opacity:.55;font-size:.86em;}

/* 5. Sale badge -> promo pill */
.onsale,.product-label.onsale{
  background:var(--sp2s-promo) !important;color:#fff !important;
  border-radius:6px !important;font-weight:800;font-size:11px;letter-spacing:.02em;
  padding:3px 9px;min-height:0;line-height:1.5;
}

/* 6. Buttons -> ink / lime accents */
a.button,.button,.wd-add-btn a,.add_to_cart_button{
  border-radius:999px !important;font-weight:800;letter-spacing:.01em;
}
.products .product a.button,
.products .product .button,
.products .product .add_to_cart_button{
  background:var(--sp2s-ink) !important;color:#fff !important;border:0 !important;
}
.products .product a.button:hover,
.products .product .button:hover{background:#1d2a2e !important;}
.single_add_to_cart_button,.single-product .cart button[type="submit"]{
  background:var(--sp2s-accent) !important;color:var(--sp2s-accent-ink) !important;
  border-radius:999px !important;font-weight:800;
}

/* 7. Spacing / rhythm */
.products{margin-bottom:32px;}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1280px;}
.elementor-widget-container h1,.elementor-widget-container h2,.elementor-heading-title{
  letter-spacing:-.01em;line-height:1.28;
}