/*
Theme Name: WoodMart Camo Series Child
Description: WoodMart child theme rebuilt for a rugged camo-style toy blaster / gel blaster / model collection store.
Author: ChatGPT
Template: woodmart
Version: 2.0.0
Text Domain: woodmart-camo-series-child
*/

:root {
  --cam-black: #080a08;
  --cam-deep: #111410;
  --cam-panel: #171c17;
  --cam-panel-2: #20261f;
  --cam-green: #445238;
  --cam-green-2: #62724d;
  --cam-sand: #a79568;
  --cam-sand-2: #d3bf8e;
  --cam-orange: #f28b2f;
  --cam-orange-2: #ffb662;
  --cam-text: #f5f1e7;
  --cam-muted: #c7c1b0;
  --cam-line: rgba(255,255,255,.12);
  --cam-glass: rgba(255,255,255,.06);
  --cam-radius: 22px;
  --cam-shadow: 0 24px 72px rgba(0,0,0,.38);
}

body {
  color: var(--cam-text);
  background:
    radial-gradient(circle at 12% 16%, rgba(98,114,77,.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(242,139,47,.06), transparent 22%),
    linear-gradient(180deg, #0a0c0a 0%, #111410 40%, #0a0c0a 100%);
}

.website-wrapper,
.main-page-wrapper,
.site-content,
.wd-page-content,
.color-scheme-light {
  background: transparent;
  color: inherit;
}

.whb-header {
  background: rgba(8,10,8,.88) !important;
  border-bottom: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(14px);
}

.whb-header .wd-nav-main > li > a,
.whb-header .wd-tools-element > a,
.whb-header .wd-header-text,
.whb-general-header {
  color: rgba(245,241,231,.92) !important;
  font-weight: 800;
  letter-spacing: .04em;
}

.whb-header .wd-nav-main > li > a:hover,
.whb-header .wd-tools-element > a:hover {
  color: var(--cam-orange) !important;
}

.footer-container,
.wd-prefooter {
  background: #060806;
  border-top: 1px solid var(--cam-line);
}

a { transition: all .22s ease; }

.btn, .button, button, input[type='submit'], .single_add_to_cart_button, .checkout-button,
.add_to_cart_button, .product_type_simple, .wd-buy-now-btn, .woocommerce-Button {
  border-radius: 999px !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 900 !important;
}

.btn.btn-color-primary, .button, .single_add_to_cart_button, .checkout-button,
.add_to_cart_button, .product_type_simple, .wd-buy-now-btn, .woocommerce-Button {
  background: linear-gradient(135deg, var(--cam-orange), var(--cam-orange-2)) !important;
  color: #111 !important;
  border: none !important;
  box-shadow: 0 14px 34px rgba(242,139,47,.28);
}

.btn.btn-color-primary:hover, .button:hover, .single_add_to_cart_button:hover, .checkout-button:hover,
.add_to_cart_button:hover, .product_type_simple:hover, .wd-buy-now-btn:hover, .woocommerce-Button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(242,139,47,.34);
}

/* Homepage */
.camo-home { background: transparent; overflow: hidden; }
.camo-wrap { width: min(1200px, calc(100% - 36px)); margin: 0 auto; }
.camo-kicker {
  display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px;
  background: rgba(242,139,47,.12); border: 1px solid rgba(242,139,47,.28);
  color: var(--cam-orange-2); text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 900;
}
.camo-kicker:before {
  content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--cam-orange);
  box-shadow: 0 0 0 4px rgba(242,139,47,.16);
}

.camo-hero {
  position: relative; min-height: 760px; display: flex; align-items: center; overflow: hidden;
  background:
    linear-gradient(90deg, rgba(8,10,8,.98) 0%, rgba(8,10,8,.86) 42%, rgba(8,10,8,.38) 100%),
    linear-gradient(135deg, #0a0c0a 0%, #1b2218 100%);
  border-bottom: 1px solid var(--cam-line);
}
.camo-hero:before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 12% 18%, rgba(98,114,77,.58) 0 13%, transparent 14%),
    radial-gradient(ellipse at 34% 68%, rgba(39,46,33,.78) 0 15%, transparent 16%),
    radial-gradient(ellipse at 58% 24%, rgba(167,149,104,.18) 0 10%, transparent 11%),
    radial-gradient(ellipse at 78% 36%, rgba(68,82,56,.70) 0 18%, transparent 19%),
    radial-gradient(ellipse at 88% 76%, rgba(98,114,77,.45) 0 13%, transparent 14%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 1px, transparent 1px 14px);
  opacity: .94;
}
.camo-hero:after {
  content: ''; position: absolute; right: -8%; bottom: -18%; width: 60vw; height: 60vw; max-width: 760px; max-height: 760px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,139,47,.18), rgba(68,82,56,.08));
  filter: blur(0px);
}
.camo-hero-grid {
  position: relative; z-index: 2; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 54px;
  padding: 110px 0 92px;
}
.camo-hero-copy h1 {
  margin: 18px 0 18px; font-size: clamp(48px, 6vw, 92px); line-height: .9; letter-spacing: -.055em; font-weight: 950;
  text-transform: uppercase; color: var(--cam-text);
}
.camo-hero-copy h1 span { color: var(--cam-orange); }
.camo-hero-copy p {
  max-width: 640px; margin: 0 0 30px; color: var(--cam-muted); font-size: clamp(16px, 1.55vw, 20px); line-height: 1.68;
}
.camo-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 28px 0 34px; }
.camo-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 24px;
  text-decoration: none !important; border-radius: 999px; text-transform: uppercase; letter-spacing: .05em; font-weight: 900;
}
.camo-btn.primary { background: linear-gradient(135deg, var(--cam-orange), var(--cam-orange-2)); color: #111 !important; box-shadow: 0 18px 48px rgba(242,139,47,.28); }
.camo-btn.secondary { background: rgba(255,255,255,.07); color: var(--cam-text) !important; border: 1px solid rgba(255,255,255,.18); }
.camo-btn:hover { transform: translateY(-2px); }
.camo-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; max-width: 720px; }
.camo-metric {
  padding: 16px; border-radius: 16px; background: rgba(255,255,255,.055); border: 1px solid var(--cam-line);
  color: var(--cam-muted); font-weight: 700;
}
.camo-metric strong { display: block; color: var(--cam-text); margin-bottom: 4px; font-size: 18px; }

.camo-hero-art {
  position: relative; min-height: 520px; border-radius: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    radial-gradient(circle at 18% 16%, rgba(242,139,47,.18), transparent 20%),
    linear-gradient(145deg, #20271d, #0d0f0d);
  box-shadow: var(--cam-shadow);
}
.camo-hero-art:before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 18% 24%, rgba(98,114,77,.76) 0 12%, transparent 13%),
    radial-gradient(ellipse at 50% 42%, rgba(32,38,31,.92) 0 18%, transparent 19%),
    radial-gradient(ellipse at 82% 34%, rgba(167,149,104,.28) 0 11%, transparent 12%),
    radial-gradient(ellipse at 72% 76%, rgba(68,82,56,.62) 0 14%, transparent 15%),
    repeating-linear-gradient(-35deg, rgba(255,255,255,.045) 0 1px, transparent 1px 13px);
}
.camo-hero-art:after {
  content: 'K • Q • C\A SERIES COLLECTION'; white-space: pre; position: absolute; left: 32px; bottom: 26px;
  color: rgba(245,241,231,.11); font-size: clamp(34px, 4.1vw, 62px); line-height: .88; font-weight: 950; letter-spacing: -.04em;
}
.camo-silhouette {
  position: absolute; z-index: 2; left: 10%; right: 8%; top: 29%; height: 122px; transform: rotate(-6deg);
  border-radius: 46px 18px 18px 46px; background: linear-gradient(90deg, #111 0 26%, #2b3029 26% 63%, #0e100e 63% 100%);
  box-shadow: 0 30px 72px rgba(0,0,0,.5);
}
.camo-silhouette:before {
  content: ''; position: absolute; left: 22%; top: 88px; width: 122px; height: 114px; border-radius: 16px 16px 38px 38px;
  background: #141614; transform: skewX(-12deg);
}
.camo-silhouette:after {
  content: ''; position: absolute; right: -12%; top: 36px; width: 152px; height: 34px; border-radius: 999px;
  background: linear-gradient(90deg, #151715, #343b2b);
}
.camo-tip {
  position: absolute; z-index: 3; right: 7%; top: 41%; width: 72px; height: 30px; border-radius: 999px;
  background: var(--cam-orange); box-shadow: 0 0 34px rgba(242,139,47,.42); transform: rotate(-6deg);
}

.camo-section { padding: 84px 0; position: relative; }
.camo-title { display:flex; justify-content:space-between; align-items:end; gap:26px; margin-bottom:32px; }
.camo-title h2 { margin:12px 0 0; font-size: clamp(30px,4vw,52px); line-height:1; letter-spacing:-.04em; text-transform:uppercase; font-weight:950; color:var(--cam-text); }
.camo-title p { margin:0; max-width:540px; color:var(--cam-muted); line-height:1.65; }

.camo-series-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px; }
.camo-series-card {
  position: relative; min-height: 360px; padding: 26px; display:flex; flex-direction:column; justify-content:flex-end;
  border-radius: 26px; overflow:hidden; color:var(--cam-text) !important; text-decoration:none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.8)),
    linear-gradient(135deg, #253024, #0f120f);
  border:1px solid rgba(255,255,255,.12); box-shadow: 0 18px 48px rgba(0,0,0,.26);
}
.camo-series-card:before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 18% 18%, rgba(98,114,77,.76) 0 13%, transparent 14%),
    radial-gradient(ellipse at 68% 20%, rgba(34,40,32,.92) 0 18%, transparent 19%),
    radial-gradient(ellipse at 52% 72%, rgba(167,149,104,.22) 0 12%, transparent 13%),
    radial-gradient(ellipse at 86% 74%, rgba(68,82,56,.62) 0 15%, transparent 16%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.04) 0 1px, transparent 1px 12px);
  opacity:.94; transition: transform .35s ease;
}
.camo-series-card:hover:before { transform: scale(1.06); }
.camo-series-card > * { position: relative; z-index: 2; }
.camo-series-card em { font-style: normal; color: var(--cam-orange-2); font-size: 12px; text-transform: uppercase; letter-spacing: .16em; font-weight: 900; }
.camo-series-card h3 { margin: 10px 0 12px; font-size: 34px; line-height: .96; text-transform: uppercase; letter-spacing:-.03em; color: var(--cam-text); }
.camo-series-card p { margin: 0 0 16px; color: var(--cam-muted); line-height: 1.62; }
.camo-series-card .meta { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; margin-top: 8px; }
.camo-series-card .meta span { padding:10px 12px; border-radius: 14px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); font-size: 13px; font-weight: 800; }

.camo-products-wrap { padding: 30px; border-radius: 28px; background: rgba(255,255,255,.045); border:1px solid var(--cam-line); box-shadow: var(--cam-shadow); }
.camo-promo {
  min-height: 420px; position:relative; display:flex; align-items:center; overflow:hidden; border-radius:34px;
  background:
    linear-gradient(90deg, rgba(9,11,9,.97), rgba(9,11,9,.68), rgba(9,11,9,.24)),
    linear-gradient(135deg, #182016, #0b0d0b);
  border:1px solid rgba(255,255,255,.12); box-shadow: var(--cam-shadow);
}
.camo-promo:before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% 22%, rgba(98,114,77,.48) 0 13%, transparent 14%),
    radial-gradient(ellipse at 70% 22%, rgba(167,149,104,.18) 0 11%, transparent 12%),
    radial-gradient(ellipse at 88% 76%, rgba(68,82,56,.36) 0 16%, transparent 17%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 1px, transparent 1px 15px);
}
.camo-promo-copy { position:relative; z-index:2; max-width:640px; padding: 56px; }
.camo-promo-copy h2 { margin: 18px 0 16px; font-size: clamp(36px,5vw,72px); line-height: .92; letter-spacing:-.05em; font-weight: 950; text-transform: uppercase; }
.camo-promo-copy p { color: var(--cam-muted); font-size: 18px; line-height:1.66; }

.camo-features { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:16px; }
.camo-feature { padding:26px; border-radius:22px; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); border:1px solid var(--cam-line); }
.camo-feature b { display:block; margin-bottom:8px; font-size:17px; text-transform:uppercase; }
.camo-feature p { margin:0; color: var(--cam-muted); line-height:1.55; }

.camo-faq { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.camo-faq-item { padding:24px; border-radius:20px; background: rgba(255,255,255,.05); border:1px solid var(--cam-line); }
.camo-faq-item h3 { margin:0 0 8px; color:var(--cam-text); font-size:18px; }
.camo-faq-item p { margin:0; color:var(--cam-muted); line-height:1.62; }

/* Shop cards */
.woocommerce .products, .products.elements-grid { --wd-gap: 22px; }
.product-grid-item, .wd-product, .woocommerce ul.products li.product {
  border-radius: 22px !important; overflow:hidden; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.1); box-shadow: 0 16px 42px rgba(0,0,0,.22); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.product-grid-item:hover, .wd-product:hover, .woocommerce ul.products li.product:hover {
  transform: translateY(-5px); border-color: rgba(242,139,47,.35); box-shadow: 0 24px 64px rgba(0,0,0,.34);
}
.product-grid-item .product-element-top, .wd-product .product-element-top { background: radial-gradient(circle at 30% 20%, rgba(98,114,77,.18), transparent 28%), #111411; }
.product-grid-item .wd-entities-title a, .wd-product .wd-entities-title a, .woocommerce-loop-product__title { color: var(--cam-text) !important; font-weight: 850 !important; letter-spacing: -.01em; }
.price, .amount { color: var(--cam-orange-2) !important; font-weight: 900 !important; }
.star-rating span::before, .woocommerce .star-rating::before { color: var(--cam-orange); }
.onsale, .product-label, .wd-product-labels .product-label { border-radius: 999px !important; background: var(--cam-orange) !important; color: #111 !important; font-weight: 900 !important; }
.camo-card-badge {
  position:absolute; left:12px; top:12px; z-index:3; padding:7px 10px; border-radius:999px; background:rgba(242,139,47,.92); color:#111;
  font-size:11px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; box-shadow:0 10px 26px rgba(0,0,0,.28);
}

.single-product .site-content {
  background: radial-gradient(circle at 18% 8%, rgba(98,114,77,.16), transparent 24%), linear-gradient(180deg, #0b0d0b, #101310 46%, #0b0d0b);
}
.single-product .product_title { color: var(--cam-text); font-weight: 950; letter-spacing: -.04em; text-transform: uppercase; }
.single-product .woocommerce-product-details__short-description { color: var(--cam-muted); line-height: 1.7; }
.single-product .variations_form, .single-product form.cart {
  padding: 18px; border-radius: 20px; background: rgba(255,255,255,.05); border:1px solid var(--cam-line);
}
.camo-product-trust { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0 0; }
.camo-product-trust span { padding:12px; border-radius:14px; background: rgba(98,114,77,.16); border:1px solid rgba(255,255,255,.1); color:var(--cam-muted); font-size:13px; font-weight:800; }
.camo-product-panel { margin:42px 0; padding:30px; border-radius:26px; background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)), radial-gradient(circle at 100% 0, rgba(242,139,47,.10), transparent 30%); border:1px solid var(--cam-line); }
.camo-product-panel h3 { margin:0 0 18px; font-size:26px; text-transform:uppercase; }
.camo-product-grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; }
.camo-product-grid > div { padding:18px; border-radius:18px; background: rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
.camo-product-grid b { display:block; color: var(--cam-orange-2); margin-bottom:7px; text-transform:uppercase; }
.camo-product-grid p { margin:0; color:var(--cam-muted); line-height:1.55; }
.woocommerce-tabs { border-radius:24px; background: rgba(255,255,255,.04); border:1px solid var(--cam-line); padding:20px; }

.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-billing-fields,
.woocommerce-shipping-fields, .woocommerce-additional-fields, .woocommerce-account-fields,
.woocommerce-form-coupon, .woocommerce-checkout-payment {
  border-radius: 22px; background: rgba(255,255,255,.055) !important; border:1px solid var(--cam-line); box-shadow:0 12px 34px rgba(0,0,0,.2);
}
.camo-checkout-note { margin:0 0 20px; padding:16px 18px; border-radius:16px; background: rgba(242,139,47,.12); border:1px solid rgba(242,139,47,.28); color:var(--cam-text); font-weight:800; }

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], input[type='search'], textarea, select,
.select2-container--default .select2-selection--single {
  border-radius: 14px !important; border:1px solid rgba(255,255,255,.14) !important; background: rgba(255,255,255,.06) !important; color: var(--cam-text) !important;
}
input::placeholder, textarea::placeholder { color: rgba(245,241,231,.52); }

@media (max-width: 1024px) {
  .camo-hero-grid { grid-template-columns: 1fr; padding: 88px 0 72px; }
  .camo-series-grid, .camo-features, .camo-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .camo-title { display:block; }
  .camo-title p { margin-top:16px; }
}
@media (max-width: 640px) {
  .camo-wrap { width: min(100% - 24px, 1200px); }
  .camo-hero-copy h1 { font-size: 42px; }
  .camo-metrics, .camo-series-grid, .camo-features, .camo-faq, .camo-product-trust, .camo-product-grid { grid-template-columns:1fr; }
  .camo-hero-art { min-height: 320px; border-radius: 24px; }
  .camo-silhouette { top: 36%; height: 78px; }
  .camo-silhouette:before { top:58px; width:82px; height:76px; }
  .camo-tip { width:50px; height:22px; }
  .camo-section { padding:56px 0; }
  .camo-products-wrap { padding:16px; }
  .camo-promo-copy { padding:34px 24px; }
}