/* WP BB Home & Garden v4.0.13 — green Woo Support UI + compact homepage polish */
:root{
  --wpbb413-green:#0f7a49;
  --wpbb413-green-hover:#0b623a;
  --wpbb413-green-bright:#178f55;
  --wpbb413-green-soft:#edf8f0;
  --wpbb413-line:#d7e5db;
}
body.wpbbshop-theme{
  --wp-theme-primary:var(--wpbb413-green)!important;
  --wp-brand-color:var(--wpbb413-green)!important;
  --wp-theme-link:var(--wpbb413-green)!important;
  accent-color:var(--wpbb413-green)!important;
}

/* Smart filter: remove plugin-blue defaults and keep the Home & Garden palette. */
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-wrapper,
body.wpbbshop-theme .wpbbshop-v412-plugin-results{
  --wp-theme-primary:var(--wpbb413-green)!important;
  --wp-brand-color:var(--wpbb413-green)!important;
}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input:focus,
body.wpbbshop-theme .wpbbshop-v412-smart-filter select:focus,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .select2-container--focus .select2-selection--single,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .select2-container--open .select2-selection--single{
  border-color:var(--wpbb413-green)!important;
  box-shadow:0 0 0 3px rgba(15,122,73,.14)!important;
}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input[type=range]{accent-color:var(--wpbb413-green)!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input[type=range]::-webkit-slider-runnable-track{background:#dfe9e2!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input[type=range]::-webkit-slider-thumb{
  background:var(--wpbb413-green)!important;border-color:var(--wpbb413-green)!important;
  box-shadow:0 0 0 3px rgba(15,122,73,.12)!important;
}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input[type=range]::-moz-range-progress{background:var(--wpbb413-green)!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter input[type=range]::-moz-range-thumb{background:var(--wpbb413-green)!important;border-color:var(--wpbb413-green)!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-more summary:after,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-submit,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-submit:hover,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-submit:focus,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .iws-load-more,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .iws-load-more:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .iws-load-more:focus{
  background:var(--wpbb413-green)!important;
  border-color:var(--wpbb413-green)!important;
  color:#fff!important;
}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-submit:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .iws-load-more:hover{background:var(--wpbb413-green-hover)!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-range-values span,
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-chip{border-color:#d8e7dc!important;background:#f5faf6!important;color:#173b2b!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-chip.is-active{background:var(--wpbb413-green)!important;border-color:var(--wpbb413-green)!important;color:#fff!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-reset{background:#fff!important;color:#183b2b!important;border:1px solid var(--wpbb413-line)!important}
body.wpbbshop-theme .wpbbshop-v412-smart-filter .iws-filter-reset:hover{background:var(--wpbb413-green-soft)!important;border-color:#9bc8aa!important}
body.wpbbshop-theme .iws-compare-toggle{border-color:#cfe0d4!important;color:#174c31!important}
body.wpbbshop-theme .iws-compare-toggle:hover{background:var(--wpbb413-green-soft)!important;border-color:#97c4a5!important}
body.wpbbshop-theme .iws-compare-toggle.is-selected{background:var(--wpbb413-green)!important;border-color:var(--wpbb413-green)!important;color:#fff!important}

/* Plugin result buttons can be more specific than the child card CSS; force the store green last. */
body.wpbbshop-theme .wpbbshop-v412-plugin-results a.button,
body.wpbbshop-theme .wpbbshop-v412-plugin-results button.button,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .button,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .llg-card-cart,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .add_to_cart_button,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .ajax_add_to_cart{
  background:var(--wpbb413-green)!important;
  border-color:var(--wpbb413-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.wpbbshop-theme .wpbbshop-v412-plugin-results a.button:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results button.button:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .button:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .llg-card-cart:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .add_to_cart_button:hover,
body.wpbbshop-theme .wpbbshop-v412-plugin-results .ajax_add_to_cart:hover{background:var(--wpbb413-green-hover)!important;border-color:var(--wpbb413-green-hover)!important}

/* Homepage hero: readable headline, no action overlap, balanced media crop. */
body.wpbbshop-theme .wpbb-v400-hero{
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
  gap:12px!important;
  padding-top:16px!important;
}
body.wpbbshop-theme .wpbb-v400-hero-copy,
body.wpbbshop-theme .wpbb-v400-hero-media{
  min-height:480px!important;
  height:480px!important;
  border-radius:20px!important;
}
body.wpbbshop-theme .wpbb-v400-hero-copy{
  padding:38px clamp(28px,3vw,48px)!important;
  overflow:hidden!important;
}
body.wpbbshop-theme .wpbb-v400-hero h1{
  max-width:620px!important;
  margin:0 0 14px!important;
  font-size:clamp(44px,4.05vw,66px)!important;
  line-height:.96!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
body.wpbbshop-theme .wpbb-v400-hero-copy>p{
  max-width:590px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.5!important;
}
body.wpbbshop-theme .wpbb-v400-hero-actions{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:18px!important;
}
body.wpbbshop-theme .wpbb-v400-hero-actions .wpbb-v400-btn{
  min-height:42px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body.wpbbshop-theme .wpbb-v400-trust{margin-top:14px!important;gap:7px!important;flex-wrap:wrap!important}
body.wpbbshop-theme .wpbb-v400-hero-media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
}
body.wpbbshop-theme .wpbb-v400-hero-card{
  left:14px!important;right:14px!important;bottom:14px!important;
  min-height:48px!important;padding:10px 13px!important;
}

/* 20 departments: truly compact, continuous grid with no stretched whitespace. */
body.wpbbshop-theme .wpbb-v400-departments{padding-top:22px!important}
body.wpbbshop-theme .wpbb-v400-section-head{margin-bottom:9px!important}
body.wpbbshop-theme .wpbb-v400-section-head h2{font-size:clamp(26px,2.2vw,34px)!important;line-height:1.08!important}
body.wpbbshop-theme .wpbb-v400-dept-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:58px!important;
  gap:6px!important;
  align-items:stretch!important;
  align-content:start!important;
  justify-items:stretch!important;
}
body.wpbbshop-theme .wpbb-v400-dept{
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:58px!important;height:58px!important;margin:0!important;
  padding:7px 9px!important;border-radius:10px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:1px 7px!important;
  justify-self:stretch!important;align-self:stretch!important;
}
body.wpbbshop-theme .wpbb-v400-dept-icon{width:30px!important;height:30px!important;border-radius:8px!important}
body.wpbbshop-theme .wpbb-v400-dept-icon svg{width:17px!important;height:17px!important}
body.wpbbshop-theme .wpbb-v400-dept strong{font-size:11.5px!important;line-height:1.08!important}
body.wpbbshop-theme .wpbb-v400-dept small{font-size:8.5px!important;line-height:1.05!important}
body.wpbbshop-theme .wpbb-v400-projects{margin-top:12px!important;gap:8px!important}
body.wpbbshop-theme .wpbb-v400-projects article{min-height:126px!important;padding:16px!important;border-radius:13px!important}
body.wpbbshop-theme .wpbb-v400-projects h3{margin:12px 0 4px!important;font-size:18px!important}
body.wpbbshop-theme .wpbb-v400-products{padding-top:26px!important}

@media(max-width:1180px){
  body.wpbbshop-theme .wpbb-v400-hero-copy,body.wpbbshop-theme .wpbb-v400-hero-media{height:450px!important;min-height:450px!important}
  body.wpbbshop-theme .wpbb-v400-hero h1{font-size:clamp(42px,4.3vw,60px)!important}
  body.wpbbshop-theme .wpbb-v400-dept-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.wpbbshop-theme .wpbb-v400-hero{grid-template-columns:1fr!important}
  body.wpbbshop-theme .wpbb-v400-hero-copy,body.wpbbshop-theme .wpbb-v400-hero-media{height:auto!important;min-height:0!important}
  body.wpbbshop-theme .wpbb-v400-hero-copy{padding:28px 22px!important}
  body.wpbbshop-theme .wpbb-v400-hero h1{font-size:clamp(38px,9vw,52px)!important}
  body.wpbbshop-theme .wpbb-v400-hero-media{min-height:350px!important}
  body.wpbbshop-theme .wpbb-v400-dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:60px!important}
  body.wpbbshop-theme .wpbb-v400-dept{height:60px!important;min-height:60px!important}
}
@media(max-width:520px){
  body.wpbbshop-theme .wpbb-v400-hero h1{font-size:36px!important}
  body.wpbbshop-theme .wpbb-v400-hero-media{min-height:290px!important}
  body.wpbbshop-theme .wpbb-v400-dept-grid{grid-template-columns:1fr 1fr!important;gap:5px!important}
  body.wpbbshop-theme .wpbb-v400-dept strong{font-size:10.5px!important}
}
