/*
 Theme Name: Organic Botaniq (Hello Elementor Child)
 Theme URI: https://example.com/organic-botaniq
 Description: Child Theme für Hello Elementor – CI-Farben, Typografie und WooCommerce-Optimierungen für Organic Botaniq.
 Author: Organic Botaniq
 Template: hello-elementor
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: organic-botaniq-child
*/

/* Root Farb-Variablen (CI) */
:root {
  --ob-deep-green: #143D2A;
  --ob-sage: #9CB5A9;
  --ob-beige: #EDE6DA;
  --ob-gold: #D6A85A;
  --ob-offblack: #0F1110;
}

/* Basis-Typografie */
body {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--ob-offblack);
}

/* Headlines */
h1,h2,h3,h4,h5,h6 {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: var(--ob-offblack);
}

/* Buttons (global + WooCommerce) */
button,
input[type="button"],
input[type="submit"],
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--ob-gold);
  color: var(--ob-offblack);
  border-radius: 30px;
  padding: 12px 22px;
  border: none;
  transition: transform .05s ease, filter .2s ease;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
}

/* Links */
a { color: var(--ob-deep-green); }
a:hover { color: #0c291d; }

/* Newsletter-Section Helper */
.section-deep-green {
  background: var(--ob-deep-green);
  color: white;
}
.section-beige {
  background: var(--ob-beige);
}

/* Karten/Boxen */
.ob-card {
  background: white;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(20,61,42,.08);
  padding: 24px;
}

/* WooCommerce Feinheiten */
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--ob-deep-green);
  font-weight: 700;
}
.woocommerce ul.products li.product .price {
  color: var(--ob-deep-green);
}
.woocommerce span.onsale {
  background: var(--ob-gold);
  color: var(--ob-offblack);
  border-radius: 999px;
  min-width: 64px; min-height: 64px;
  line-height: 64px;
}

/* Formularfelder */
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], textarea, select {
  border-radius: 12px;
  border: 1px solid #d9dedb;
  padding: 12px 14px;
}