/* ============================
   Suminvent "Green Gradient" UI Pack (Blocksy/Woo)
   Versioned file loaded via plugin: suminvent-ui
   ============================ */

:root{
  --sv-text: #0b1210;
  --sv-muted: rgba(11,18,16,.68);
  --sv-surface: #ffffff;
  --sv-surface-2: #f6faf8;

  --sv-green-1: #19d38a;
  --sv-green-2: #37e6c3;
  --sv-green-3: #6ef2b0;

  --sv-grad: linear-gradient(135deg, var(--sv-green-1), var(--sv-green-2));
  --sv-grad-soft: linear-gradient(135deg, rgba(25,211,138,.18), rgba(55,230,195,.18));

  --sv-radius: 18px;
  --sv-radius-sm: 12px;
  --sv-shadow: 0 14px 40px rgba(0,0,0,.08);
  --sv-shadow-sm: 0 10px 26px rgba(0,0,0,.07);
}

/* Base typography feel */
body{
  color: var(--sv-text);
  background: var(--sv-surface-2);
}
p, li, .woocommerce-product-details__short-description{
  color: var(--sv-muted);
}

/* Links */
a{
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
a:hover{
  text-decoration-thickness: 2px;
}

/* Buttons (WooCommerce + WP blocks + generic) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wp-block-button__link,
button,
input[type="submit"]{
  border-radius: var(--sv-radius-sm) !important;
  box-shadow: var(--sv-shadow-sm);
}

/* Primary CTAs */
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link,
button.button-primary,
input[type="submit"]{
  background: var(--sv-grad) !important;
  border: 0 !important;
  color: #07110e !important;
  font-weight: 700;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover{
  filter: brightness(1.02) saturate(1.05);
  transform: translateY(-1px);
}

/* Focus states */
:where(a,button,input,select,textarea):focus{
  outline: 3px solid rgba(55,230,195,.35);
  outline-offset: 2px;
}

/* Cards: product tiles + key blocks */
.woocommerce ul.products li.product,
.woocommerce div.product,
.entry-content .wp-block-group,
.entry-content .wp-block-columns{
  background: var(--sv-surface);
  border-radius: var(--sv-radius);
  box-shadow: var(--sv-shadow);
}

/* Keep blocks from becoming too "puffy" */
.entry-content .wp-block-group{
  padding: 18px;
}

/* Product price / label emphasis */
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price{
  color: var(--sv-text);
  font-weight: 800;
}

/* Price "chip" styling (applied to all prices; CSS cannot do :contains reliably) */
.woocommerce div.product .summary .price,
.woocommerce ul.products li.product .price{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--sv-grad-soft);
}

/* Forms */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
textarea, select{
  border-radius: var(--sv-radius-sm) !important;
  border: 1px solid rgba(11,18,16,.14) !important;
  background: #fff !important;
  box-shadow: none !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus,
textarea:focus, select:focus{
  border-color: rgba(25,211,138,.55) !important;
  box-shadow: 0 0 0 4px rgba(25,211,138,.14) !important;
}

/* Breadcrumbs subtle */
.woocommerce-breadcrumb{
  color: var(--sv-muted);
}

/* Related products: reduce placeholder harshness */
.woocommerce ul.products li.product img{
  border-radius: var(--sv-radius-sm);
}