/* ============================================================
   Kick Prime · BASE  (Tokens + Typografie + Buttons)
   Polished-Brutalist · Weiß/Schwarz mit Rot + Gelb
   ============================================================ */
.kp-body{
  /* Warm getönte Neutraltöne (kein reines #000/#fff) */
  --kp-ink:#141210;          /* warmes Fast-Schwarz */
  --kp-ink-2:#57534e;        /* gedämpfter Text */
  --kp-paper:#faf8f4;        /* warmes Fast-Weiß */
  --kp-paper-2:#efece6;      /* Sektionsfläche */
  /* Akzente */
  --kp-red:#e10600;          /* Primärakzent */
  --kp-red-dark:#b00500;
  --kp-red-soft:rgba(225,6,0,.08);
  --kp-yellow:#ffcb05;       /* Sekundärakzent (Sterne, NEU, Garantie) */
  --kp-yellow-soft:rgba(255,203,5,.16);
  /* Linien */
  --kp-hair:rgba(20,18,16,.16);
  --kp-hair-soft:rgba(20,18,16,.07);
  --kp-muted:#8d8a82;
  --kp-green:#16a34a;
  /* Brutalist-Schatten + Easing */
  --kp-shadow:4px 4px 0 var(--kp-ink);
  --kp-ease:cubic-bezier(.16,1,.3,1);
  font-family:'Barlow',system-ui,sans-serif;
  color:var(--kp-ink);
  -webkit-font-smoothing:antialiased;
}

/* Display-Titel in Anton — OHNE !important, damit Elementor nicht blockiert wird.
   Astra setzt Anton bereits als Default (via astra_theme_defaults). */
.kp-body h1,.kp-body h2,.kp-body h3,
.kp-body .ast-archive-title,
.kp-body .woocommerce-products-header__title,
.kp-body .entry-title{
  font-family:'Anton',Impact,sans-serif;
  font-weight:400;letter-spacing:.01em;
}

/* ---------- WooCommerce BUTTONS (Polished Brutalist) ----------
   Schwarzer Block, harte Kante, harter Versatz-Schatten in Rot.
   Hover: nach oben/links versetzt + größerer Schatten + Rot-Fläche. */
.kp-body .button,
.kp-body .wp-element-button,
.kp-body .woocommerce a.button,
.kp-body .woocommerce button.button,
.kp-body .woocommerce input.button,
.kp-body .woocommerce #respond input#submit,
.kp-body .woocommerce .button.alt,
.kp-body .single_add_to_cart_button{
  background:var(--kp-ink)!important;
  color:#fff!important;
  border:2.5px solid var(--kp-ink)!important;
  border-radius:3px!important;
  font-family:'Barlow',sans-serif!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  padding:14px 26px!important;
  box-shadow:4px 4px 0 var(--kp-red)!important;
  text-shadow:none!important;
  transition:background .2s var(--kp-ease),border-color .2s var(--kp-ease),color .2s var(--kp-ease),transform .2s var(--kp-ease),box-shadow .2s var(--kp-ease)!important;
}
.kp-body .button:hover,
.kp-body .wp-element-button:hover,
.kp-body .woocommerce a.button:hover,
.kp-body .woocommerce button.button:hover,
.kp-body .woocommerce input.button:hover,
.kp-body .woocommerce .button.alt:hover,
.kp-body .single_add_to_cart_button:hover{
  background:var(--kp-red)!important;
  border-color:var(--kp-ink)!important;
  color:#fff!important;
  transform:translate(-2px,-2px)!important;
  box-shadow:6px 6px 0 var(--kp-ink)!important;
}
.kp-body .button:active,
.kp-body .single_add_to_cart_button:active{
  transform:translate(2px,2px)!important;
  box-shadow:1px 1px 0 var(--kp-red)!important;
}

/* Sekundärer / Ghost-Button — Gelb-Akzent im Hover-Schatten */
.kp-body .kp-btn-ghost{
  background:transparent!important;color:var(--kp-ink)!important;
  border:2.5px solid var(--kp-ink)!important;box-shadow:4px 4px 0 var(--kp-yellow)!important;
}
.kp-body .kp-btn-ghost:hover{
  background:var(--kp-ink)!important;border-color:var(--kp-ink)!important;color:#fff!important;
  transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--kp-yellow)!important;
}

/* Angebots-Badge / Sticker — gedrehter Brutalist-Aufkleber */
.kp-body .onsale,
.kp-body .kp-badge{
  background:var(--kp-red)!important;color:#fff!important;
  border:2px solid var(--kp-ink)!important;border-radius:3px!important;
  font-family:'Barlow',sans-serif!important;font-weight:800!important;
  font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  padding:6px 11px!important;min-height:0!important;min-width:0!important;line-height:1!important;
  box-shadow:3px 3px 0 var(--kp-ink)!important;transform:rotate(-3deg)!important;
}

/* WooCommerce-Sterne in Gelb */
.kp-body .woocommerce .star-rating span::before,
.kp-body .woocommerce p.stars a::before{color:var(--kp-yellow)!important}

/* Hinweise / Notices */
.kp-body .woocommerce-message,
.kp-body .woocommerce-info,
.kp-body .woocommerce-error{
  border-top:3px solid var(--kp-red)!important;border-radius:3px!important;
  font-family:'Barlow',sans-serif!important;
}
.kp-body .woocommerce-message::before,
.kp-body .woocommerce-info::before{color:var(--kp-red)!important}

/* Textauswahl */
.kp-body ::selection{background:var(--kp-red);color:#fff}


/* ====================================================================
   KOPIERSCHUTZ (Abschreckung) · Textauswahl und Bild-Drag
   ==================================================================== */
body{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
}
img{
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-moz-user-drag:none;
	-o-user-drag:none;
	user-drag:none;
}
/* Ausnahmen: Inputs, editierbare Bereiche und Blöcke mit .kp-allow-copy
   (die Danke-Seite nutzt diese Klasse, damit Kund:innen ihre Bestellnummer kopieren können) */
input,textarea,[contenteditable="true"],.kp-allow-copy,.kp-allow-copy *{
	-webkit-user-select:text;
	user-select:text;
}