/*
Theme Name: Chroma Modern Child
Theme URI: https://example.com/
Description: WoodMart child theme prepared for a dark premium reptile storefront with modular Elementor-ready sections.
Author: OpenAI
Template: woodmart
Version: 1.0.0
Text Domain: chroma-modern-child
*/

:root {
  --ccm-bg: #0d0f0d;
  --ccm-card: #121512;
  --ccm-card-2: #171b17;
  --ccm-primary: #61d83c;
  --ccm-primary-2: #49b829;
  --ccm-text: #eef5ec;
  --ccm-muted: #a2aba0;
  --ccm-border: rgba(255,255,255,.08);
  --ccm-shadow: 0 20px 60px rgba(0,0,0,.28);
  --ccm-radius: 22px;
}

body.theme-chroma-modern,
body.theme-chroma-modern .website-wrapper {
  background: var(--ccm-bg);
  color: var(--ccm-text);
}

body.theme-chroma-modern .page-title,
body.theme-chroma-modern h1,
body.theme-chroma-modern h2,
body.theme-chroma-modern h3,
body.theme-chroma-modern h4,
body.theme-chroma-modern h5,
body.theme-chroma-modern h6 {
  color: var(--ccm-text);
}

body.theme-chroma-modern .woocommerce .products .product,
body.theme-chroma-modern .product-grid-item,
body.theme-chroma-modern .single-product .summary,
body.theme-chroma-modern .wd-single-tabs,
body.theme-chroma-modern .woocommerce-tabs,
body.theme-chroma-modern .wd-nav-product-cat,
body.theme-chroma-modern .wd-cat,
body.theme-chroma-modern .wd-page-content,
body.theme-chroma-modern .shop-loop-head,
body.theme-chroma-modern .wd-content-layout,
body.theme-chroma-modern .sidebar-container,
body.theme-chroma-modern .widget {
  background: var(--ccm-card);
  border-color: var(--ccm-border);
}

body.theme-chroma-modern .woocommerce .products .product,
body.theme-chroma-modern .product-grid-item {
  border: 1px solid var(--ccm-border);
  border-radius: 18px;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

body.theme-chroma-modern .woocommerce .products .product:hover,
body.theme-chroma-modern .product-grid-item:hover {
  transform: translateY(-4px);
  border-color: rgba(97,216,60,.45);
  box-shadow: 0 16px 40px rgba(97,216,60,.08);
}

body.theme-chroma-modern .price,
body.theme-chroma-modern .woocommerce-Price-amount {
  color: var(--ccm-primary);
  font-weight: 700;
}

body.theme-chroma-modern .button,
body.theme-chroma-modern .btn,
body.theme-chroma-modern .single_add_to_cart_button,
body.theme-chroma-modern .wd-buy-now-btn,
body.theme-chroma-modern .checkout-button {
  border-radius: 14px;
}