/*
Theme Name: Woo CleanStart
Theme URI: https://www.rxm.de
Author: rxm solutions
Author URI: https://www.rxm.de
Description: Cleanes, schnelles Block-Theme (Full Site Editing) fuer WooCommerce. Variante A - schlank, ohne Page-Builder, leicht zu pflegen. Beispiel-/Test-Theme.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woo-cleanstart
*/

/* ------------------------------------------------------------------
   Woo CleanStart - Custom CSS
   Die meisten Design-Tokens (Farben, Schriften, Abstaende) stecken in
   theme.json. Hier nur der Feinschliff, den theme.json nicht abdeckt.
------------------------------------------------------------------ */

:root {
  --wcs-radius: 8px;
  --wcs-border: color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* --- Header --- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--wcs-border);
  padding-block: 0.9rem;
}
.site-header .wp-block-site-title a {
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-size: 1.3rem;
}
.site-header .wp-block-navigation a {
  text-decoration: none;
  font-weight: 500;
}
.site-header .wp-block-navigation a:hover {
  color: var(--wp--preset--color--primary);
}

/* --- Buttons (Core) --- */
.wp-block-button__link {
  transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.wp-block-button__link:hover {
  opacity: .92;
  transform: translateY(-1px);
}

/* --- Hero --- */
.hero {
  background-color: var(--wp--preset--color--panel);
  border-radius: 16px;
}

/* --- CTA-Block --- */
.cta {
  background-color: var(--wp--preset--color--panel);
  border-radius: 16px;
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}

/* --- Footer --- */
.site-footer {
  background-color: var(--wp--preset--color--secondary);
  color: color-mix(in srgb, var(--wp--preset--color--base) 80%, var(--wp--preset--color--secondary));
  padding-block: var(--wp--preset--spacing--60);
  margin-top: var(--wp--preset--spacing--70);
}
.site-footer a,
.site-footer .wp-block-site-title a {
  color: var(--wp--preset--color--base);
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}

/* --- WooCommerce: Produktraster & Buttons --- */
.woocommerce ul.products li.product img {
  border-radius: 12px;
}
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}
.woocommerce span.onsale {
  background: var(--wp--preset--color--primary);
  border-radius: 999px;
  min-width: auto;
  min-height: auto;
  padding: .35em .75em;
  line-height: 1;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit {
  background: var(--wp--preset--color--primary);
  color: #fff;
  border-radius: var(--wcs-radius);
  font-weight: 600;
  transition: opacity .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover {
  background: var(--wp--preset--color--primary);
  opacity: .9;
}

/* --- Produktbilder/Cards dezenter Hover --- */
.woocommerce ul.products li.product a img {
  transition: transform .25s ease;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.02);
}