/*
Theme Name: mirus-mix
Theme URI: https://www.mirus-mix.de/
Description: Child theme von Twenty Twenty-Five fuer den mirus-mix Shop (Zahnarztbedarf B2B). Weisser Hintergrund, gruene Akzente, Trust-Elemente. Design-Referenz: pferde-gold.de. Markenidentitaet aus mirus-mix.de.
Author: mirus-mix
Template: twentytwentyfive
Version: 0.1.0
Text Domain: mirus-mix
*/

:root {
  /* Brand colors (aus Logo) */
  --mm-green: #a6ce39;
  --mm-green-dark: #5c8a20;
  --mm-green-soft: #e8f2d1;
  --mm-blue: #2e5aa8;
  --mm-blue-dark: #1f3f7a;

  /* Neutrals */
  --mm-white: #ffffff;
  --mm-cream: #f7f5f0;
  --mm-text: #1a1a1a;
  --mm-text-muted: #6b7280;
  --mm-border: #e5e7eb;

  /* Semantic */
  --mm-sale: #9b2c2c;
  --mm-success: var(--mm-green-dark);
}

/* Trust-Bar (dunkles Gruen, weisser Text) */
.mm-trust-bar {
  background: var(--mm-green-dark);
  color: var(--mm-white);
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
  text-align: center;
}
.mm-trust-bar a { color: var(--mm-white); text-decoration: underline; }

/* Buttons Primaer */
.mm-btn,
.wp-block-button__link {
  background: var(--mm-green-dark);
  color: var(--mm-white);
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  transition: background 0.2s ease;
}
.mm-btn:hover,
.wp-block-button__link:hover {
  background: var(--mm-green);
  color: var(--mm-white);
}

/* Produktkarten-Feintuning (wenn WooCommerce aktiv) */
.woocommerce ul.products li.product .button {
  background: var(--mm-green-dark);
  color: var(--mm-white);
  border-radius: 4px;
}
.woocommerce ul.products li.product .price {
  color: var(--mm-text);
  font-weight: 600;
}
.woocommerce span.onsale {
  background: var(--mm-sale);
  color: var(--mm-white);
  border-radius: 4px;
}

/* Sprachumschalter */
.mm-lang-switch {
  list-style: none;
  display: flex;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  align-items: center;
}
.mm-lang-switch a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  color: var(--mm-text);
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.mm-lang-switch a:hover,
.mm-lang-switch .is-active a {
  opacity: 1;
}
.mm-lang-switch svg {
  display: block;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--mm-border);
}

/* Katalog-Button */
.mm-catalog-btn {
  display: inline-block;
  margin-top: 0.5rem;
}