/*
 Theme Name: Hello Carbon (Child for Hello Elementor)
 Theme URI: https://example.com/hello-carbon
 Description: Lekki motyw potomny (child) dla Hello Elementor, dostosowany do WooCommerce. Sklep z etui z włókna węglowego na iPhone.
 Author: Your Brand
 Author URI: https://example.com
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-carbon
*/
:root{
  --carbon-bg: #0f1115;
  --carbon-fg: #e7e9ee;
  --carbon-accent: #00d1b2;
  --carbon-muted: #7f8899;
}
/* Ogólny wygląd */
body{
  color: var(--carbon-fg);
  background: var(--carbon-bg);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
}
a{ color: var(--carbon-accent); text-decoration: none; }
a:hover{ opacity: .85; }
button, .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  border-radius: 9999px;
  padding: .75rem 1.25rem;
}
.site-wrap{ max-width: 1200px; margin: 0 auto; padding: 24px; }
.hero{
  display: grid; gap: 16px; padding: 64px 24px; border-radius: 24px;
  background: radial-gradient(1200px 600px at top left, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg, rgba(255,255,255,.04), transparent);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.hero h1{ font-size: clamp(28px, 5vw, 56px); margin: 0; line-height: 1.1; }
.hero p{ color: var(--carbon-muted); font-size: clamp(16px, 2.2vw, 20px); margin: 0; }
.cta{ display: inline-flex; align-items: center; gap: 8px; background: var(--carbon-accent); color: #061016; }
.benefits{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 16px; margin-top: 32px; }
.benefit{ padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.02); }
.footer-min{ margin-top: 64px; padding: 24px; color: var(--carbon-muted); text-align: center; border-top: 1px solid rgba(255,255,255,.08); }

/* WooCommerce dopieszczenie */
.woocommerce div.product .product_title{ font-size: 32px; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color: var(--carbon-accent); font-weight: 600; }
.woocommerce .quantity .qty{ border-radius: 10px; }
.woocommerce-message, .woocommerce-info{ background: rgba(0, 209, 178, .08); border-top-color: var(--carbon-accent); }
.woocommerce ul.products li.product a img { border-radius: 16px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background: var(--carbon-accent); color: #061016; border: none; }
*/