/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
  --white: var(--white);
  --black: var(--black);
  --background: var(--white);
  --background-muted: var(--neutral-300);
  --background-light: var(--neutral-50);
  --background-dark: var(--neutral-950);
  --border: var(--neutral-300);
  --border-light: var(--neutral-200);
  --text: var(--neutral-950);
  --text-muted: var(--neutral-700);
  --text-invert: var(--white);
  --accent: var(--vending-base);
  --accent-hover: var(--vending-600);
  --accent-light: var(--vending-50);
  --accent-dark: var(--vending-700);
  --accent-contrast: var(--black);
  --overlay: rgba(245, 245, 245, 0.6);

  --rwk-radius: 10px;
	--rwk-radius-sm: 5px;

  /* --- Absolutwerte --- */
  --black: #000000;
  --white: #ffffff;

  /* --- Neutral (Schwarz/Weiß-Achse) --- */
  --neutral-50: #f5f5f5;
  --neutral-100: #ebebeb;
  --neutral-200: #d9d9d9;
  --neutral-300: #c4c4c4;
  --neutral-400: #aeaeae;
  --neutral-500: #989898;
  --neutral-600: #808080;
  --neutral-700: #696969;
  --neutral-800: #505050;
  --neutral-900: #383838;
  --neutral-950: #202020;

  /* --- Vending --- */
  --vending-50: #faf3f1;
  --vending-100: #f9e7e0;
  --vending-200: #f9cfbe;
  --vending-300: #fab092;
  --vending-400: #fc8a5b;
  --vending-500: #f66316;
  --vending-600: #d15311;
  --vending-700: #ac430c;
  --vending-800: #853207;
  --vending-900: #602203;
  --vending-950: #3b1201;
  --vending-base: #f16115; /* Markenfarbe, OKLCH L 0.669 C 0.193 H 42.4, naeher an Stufe 500 */

  /* --- Interactive --- */
  --interactive-50: #edf7fa;
  --interactive-100: #d6f1f9;
  --interactive-200: #a3e5f9;
  --interactive-300: #48d8fc;
  --interactive-400: #07c1e7;
  --interactive-500: #05a9ca;
  --interactive-600: #038fab;
  --interactive-700: #02758d;
  --interactive-800: #01596c;
  --interactive-900: #013f4d;
  --interactive-950: #00252e;
  --interactive-base: #08d1f9; /* Markenfarbe, OKLCH L 0.795 C 0.142 H 218.4, naeher an Stufe 300 */

  /* --- Powercore --- */
  --powercore-50: #f5fbc3;
  --powercore-100: #ecf67d;
  --powercore-200: #dae451;
  --powercore-300: #c5cf2b;
  --powercore-400: #afb809;
  --powercore-500: #99a107;
  --powercore-600: #818805;
  --powercore-700: #6a6f03;
  --powercore-800: #505502;
  --powercore-900: #383c01;
  --powercore-950: #212300;
  --powercore-base: #e7f210; /* Markenfarbe, OKLCH L 0.922 C 0.204 H 113.1, naeher an Stufe 100 */

  /* --- Living --- */
  --living-50: #eafbea;
  --living-100: #cdf9cc;
  --living-200: #7bfa82;
  --living-300: #30ea4c;
  --living-400: #0bd239;
  --living-500: #08b831;
  --living-600: #059b28;
  --living-700: #047f1f;
  --living-800: #026215;
  --living-900: #01450c;
  --living-950: #002905;
  --living-base: #0ff845; /* Markenfarbe, OKLCH L 0.851 C 0.268 H 144.7, naeher an Stufe 300 */
}

html[data-theme="dark"] {
  --white: #000000;
  --black: #ffffff;
  --background: #000000;
  --background-light: var(--neutral-950);
  --background-dark: var(--neutral-50);
  --border: var(--neutral-600);
  --text: var(--neutral-50);
  --text-muted: var(--neutral-300);
  --text-invert: #000000;
  --accent: var(--vending-base);
  --accent-hover: var(--vending-400);
  --accent-dark: var(--vending-300);
  --accent-light: var(--vending-800);
  --accent-contrast: #000000;
  --overlay: rgba(51, 51, 51, 0.6);
}

button.theme-toggle:hover {
  color: var(--accent-hover);
  background-color: transparent;
}
button.theme-toggle:focus {
  color: var(--text);
  background-color: transparent;
}

.wc-block-mini-cart__button:hover, .wc-block-mini-cart__button:focus {
  background-color: transparent;
}
.wc-block-mini-cart__button:hover svg path {
  fill: var(--accent);
}
.wp-block-woocommerce-customer-account:hover svg {
  color: var(--accent);
}

.woocommerce .rwk-configurator .rwk-configurator__total .rwk-configurator__total-price {
    color: var(--black);
    line-height: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
  position: sticky;
  top: 110px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  border-radius: var(--rwk-radius);
  overflow: hidden;
}
.woocommerce div.product p.price {
  display: none;
}
.woocommerce div.product form.cart div.quantity {
  margin: 0;
}

.woocommerce button.button {
  font-weight: 600;
}