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

/* ========== Base layout helpers ========== */
:root {
  /* tweak these to match your brand */
  --sooz-primary: #0ea5e9;      /* buttons */
  --sooz-primary-ink: #ffffff;  /* button text */
  --sooz-soft-blue: #f7fbff;    /* USP background */
  --sooz-soft-blue-border: #e4f0ff;
  --sooz-soft-green: #f6fff9;   /* trust row background */
  --sooz-soft-green-border: #dbf5e3;
  --sooz-radius: 12px;
  --sooz-radius-lg: 999px;
  --sooz-gap: 10px;
  --sooz-font-sm: 14px;
  --sooz-shadow: 0 6px 20px rgba(0,0,0,.08);
  --sooz-accent: #bfe6ff;   /* try a light pastel of your primary */
--sooz-soft-bg: #f8fbff;  /* or #f9fcff for even lighter */
}

/* ==== SOOZ — WoodMart-tuned USPs (stronger green, refined) ==== */
:root{
  --sooz-brand: #3E6720;            /* your exact green */
  /* stronger tints/shades */
  --sooz-card-bg: #f5fbf0;   /* very light green wash */
  --sooz-card-border: #d6f2c2;
  --sooz-accent-bar: #b6e88c;
  --sooz-accent-bar-strong: #81D742;
  --sooz-ink: #223020;
  --sooz-radius: 18px;              /* WoodMart-like */
  --sooz-font-sm: 15px;
  --sooz-shadow: 0 4px 12px rgba(0,0,0,.06);
  --sooz-shadow-hover: 0 10px 22px rgba(0,0,0,.10);
  
}

/* block spacing */
.single-product .summary .sooz-kp{ margin: 26px 0 24px; }

/* list */
.single-product .sooz-kp{
  list-style:none; padding:0;
  display:grid; gap: 18px;
}
.single-product .sooz-kp__item{
  position:relative; display:flex; align-items:center;
  column-gap: 18px;
  padding: 18px 22px 18px 82px;         /* generous left padding */
  background: linear-gradient(180deg, #fff, var(--sooz-card-bg));
  border: 1px solid var(--sooz-card-border);
  border-radius: var(--sooz-radius);
  color: var(--sooz-ink);
  font-size:16px; font-weight:500;
  box-shadow: var(--sooz-shadow);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

/* left accent */
.single-product .sooz-kp__item::before{
  content:""; position:absolute; left:18px; top:14px; bottom:14px;
  width:7px; border-radius:4px;
  background: linear-gradient(180deg, var(--sooz-accent-bar), #a9c998);
}

/* icon chip */
.single-product .sooz-kp .kp-ico{
  position:absolute; left:42px;
  height:40px; width:40px; font-size:20px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  background: #fff; border:1px solid var(--sooz-card-border);
  border-radius:50%;
  color: var(--sooz-accent-bar-strong);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}

/* text */
.single-product .sooz-kp .kp-text{ line-height:1.45; letter-spacing:.1px; margin-left:2%!important; }

/* hover (desktop) */
@media (hover:hover){
  .single-product .sooz-kp__item:hover{
    transform: translateY(-2px);
    box-shadow: var(--sooz-shadow-hover);
    border-color: var(--sooz-accent-bar-strong);
    background: linear-gradient(180deg, #fff, #eaf3e3);
  }
}

/* Trust row (match look) */
.single-product .sooz-trust-row{
  display:grid; grid-template-columns: repeat(3,1fr);
  gap:18px; margin: 22px 0 10px;
}
.single-product .trust-pill{
  background: linear-gradient(180deg,#fff,var(--sooz-card-bg));
  border:1px solid var(--sooz-card-border);
  border-radius: var(--sooz-radius);
  padding: 14px 16px; text-align:center;
  font-size: var(--sooz-font-sm); font-weight:600;
  box-shadow: var(--sooz-shadow);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
@media (hover:hover){
  .single-product .trust-pill:hover{
    transform: translateY(-2px);
    box-shadow: var(--sooz-shadow-hover);
    border-color: var(--sooz-accent-bar-strong);
    background: linear-gradient(180deg,#fff,#eaf3e3);
  }
}

/* responsiveness */
@media (max-width: 768px){
  .single-product .sooz-trust-row{ grid-template-columns: 1fr; }
  .single-product .sooz-kp__item{ padding: 16px 18px 16px 74px; }
  .single-product .sooz-kp .kp-ico{ left:38px; height:36px; width:36px; font-size:19px; }
  .single-product .sooz-kp .kp-text {
    line-height: 1.45;
    letter-spacing: .1px;
    margin-left: 2% !important;
    font-size: 13px;
}
}
@media (max-width: 420px){
  .single-product .sooz-kp__item{ padding: 14px 14px 14px 68px; }
  .single-product .sooz-kp .kp-ico{ left:34px; height:32px; width:32px; font-size:18px; }
  .single-product .sooz-kp .kp-text {
    line-height: 1.45;
    letter-spacing: .1px;
    margin-left: 2% !important;
    font-size: 12px!important;
}
}