/*
Theme Name: CapyFuel
Theme URI: https://capyfuel.com
Description: CapyFuel brand child theme for Storefront — forest green + burnt orange, Oswald/Inter. Fuel Your Potential.
Author: CapyFuel
Template: storefront
Version: 0.1.0
*/

:root{
  --cf-green-900:#1A271A; --cf-green-800:#20301F; --cf-green-700:#2A3E29; --cf-green-600:#365134;
  --cf-orange-500:#C2641C; --cf-orange-400:#E07B2C; --cf-orange-200:#F0B884;
  --cf-cream-100:#F0E7D6; --cf-cream-200:#E2D6C0; --cf-char-800:#121311; --cf-muted:#9DB39A;
}

body,button,input,select,textarea{ font-family:"Inter",system-ui,sans-serif; color:var(--cf-cream-100); }
body{ background:var(--cf-green-800); }
h1,h2,h3,h4,h5,h6{ font-family:"Oswald","Arial Narrow",sans-serif; text-transform:uppercase; letter-spacing:.01em; color:var(--cf-cream-100); }
a{ color:var(--cf-orange-400); }
a:hover{ color:var(--cf-orange-200); }
.col-full{ max-width:1200px; }

/* Header + nav */
.site-header{ background:var(--cf-green-900)!important; border-bottom:1px solid var(--cf-green-600); }
.site-header, .main-navigation ul li a, .site-branding .site-title a{ color:var(--cf-cream-100)!important; }
.main-navigation ul li a:hover{ color:var(--cf-orange-200)!important; }
.storefront-primary-navigation{ background:var(--cf-green-900)!important; }
.site-header .custom-logo{ max-height:46px; width:auto; }

/* Buttons — pill, uppercase, burnt orange */
button, .button, input[type=submit], .woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt{
  font-family:"Oswald",sans-serif!important; text-transform:uppercase!important; letter-spacing:.1em!important;
  background:var(--cf-orange-500)!important; color:#fff!important; border-radius:999px!important;
  padding:.75em 1.6em!important; border:0!important; font-weight:600!important;
}
button:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background:var(--cf-orange-400)!important; }

/* Product grid cards */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background:var(--cf-char-800); border:1px solid var(--cf-green-600); border-radius:16px;
  padding:14px; transition:transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.45); }
.woocommerce ul.products li.product img{ border-radius:10px; margin-bottom:.6em; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-family:"Oswald",sans-serif; font-size:1.05rem; color:var(--cf-cream-100); padding-top:0; }
.woocommerce ul.products li.product .price{ color:var(--cf-orange-200)!important; font-family:"Oswald",sans-serif; font-weight:600; }
.woocommerce ul.products li.product .star-rating{ color:var(--cf-orange-400); margin:.4em auto; }

/* Prices + headings on single product */
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--cf-orange-200); font-family:"Oswald",sans-serif; }
.woocommerce-product-details__short-description, .woocommerce-tabs{ color:var(--cf-cream-200); }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ background:var(--cf-green-700); border-color:var(--cf-green-600); border-radius:8px 8px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--cf-cream-100); }

/* Content surfaces / boxes */
.page-template-template-fullwidth-php .site-content, .hentry, .entry-content,
.woocommerce-info, .woocommerce-message, .cart_totals, .woocommerce-checkout #payment{
  color:var(--cf-cream-200);
}
.woocommerce-info{ border-top-color:var(--cf-orange-500); background:var(--cf-green-700); }
.site-content{ background:transparent; }

/* Storefront secondary widgets / footer */
.site-footer{ background:var(--cf-char-800)!important; color:var(--cf-muted)!important; }
.site-footer a{ color:var(--cf-cream-100)!important; }
.site-footer a:hover{ color:var(--cf-orange-200)!important; }

/* Tables, inputs */
table.shop_table, .woocommerce table.shop_table{ border-color:var(--cf-green-600); }
input, textarea, select{ background:var(--cf-green-900); color:var(--cf-cream-100); border:1px solid var(--cf-green-600); border-radius:8px; }

/* Hide the secondary site-header-cart clutter color clash */
.site-header-cart .cart-contents, .site-header .cart-contents{ color:var(--cf-cream-100); }