/* ==========================================================================
   File: project-skin.css
   Version: [2025.10.27.1]
   Project: [WRT Website]
   Author: ATvise Front-end Team
   Purpose: Brand/theme-specific look & feel and Elementor overrides.
   Ownership: Project team (Designer + Front-end)
   Notes:
     - Use this for brand colors, typography accents, and Elementor overrides.
     - If something becomes reusable, promote it to child-components.css.
   ========================================================================== */

/* == Brand Palette ========================================================= */

/* :root {
  --brand-primary: #0057ff;
  --brand-secondary: #111827;
  --brand-accent: #f59e0b;
} */

/* == Buttons =============================================================== */

/* .btn--primary { background:var(--brand-primary); color:#fff; } */
/* .btn--primary:hover { filter:brightness(0.95); } */
/* .btn--secondary { background:var(--brand-secondary); color:#fff; } */

/* == Header / Navigation =================================================== */

/* .site-header { background:#ffffffcc; backdrop-filter:blur(8px); } */
/* .nav__item > a:hover { text-decoration:underline; } */

/* == Elementor Overrides =================================================== */

/* .elementor-widget-button .elementor-button { border-radius:var(--radius-md); } */



/* =================== AUTO-MERGED CSS FROM wrt-root.css =================== */
/* =========================================================
   ELEMENTOR OVERWRITE — SKIN ONLY (sterke specificiteit)
   (verwijder zodra Elementor Global/Kit styles uit staan)
   ========================================================= */
body .elementor .elementor-button.btn.btn,
body[class*='elementor-kit-'] .elementor-button.btn.btn,
body .btn.btn .elementor-button.btn,
body .btn.btn .elementor-button {
  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .elementor .elementor-button.btn.btn:hover,
body[class*='elementor-kit-'] .elementor-button.btn.btn:hover,
body .btn.btn .elementor-button.btn:hover,
body .btn.btn .elementor-button:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .elementor .elementor-button.btn.btn:focus-visible,
body[class*='elementor-kit-'] .elementor-button.btn.btn:focus-visible,
body .btn.btn .elementor-button.btn:focus-visible,
body .btn.btn .elementor-button:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .elementor .elementor-button.btn.btn:active,
body[class*='elementor-kit-'] .elementor-button.btn.btn:active,
body .btn.btn .elementor-button.btn:active,
body .btn.btn .elementor-button:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   WOO / GENERIC ADD-TO-CART → btn-primary (fallback)
   ========================================================= */
body .woocommerce a.add_to_cart_button,
body .woocommerce a.ajax_add_to_cart,
body .woocommerce ul.products li.product .button.add_to_cart_button,
body .woocommerce div.product form.cart .single_add_to_cart_button {
  --_bd: var(--btn-primary-stroke);
  --_bg: var(--btn-primary-bg);
  --_fg: var(--btn-primary-color);
  --_bd-hover: var(--btn-primary-hover-stroke);
  --_bg-hover: var(--btn-primary-hover-bg);
  --_fg-hover: var(--btn-primary-hover-color);
  --_bd-focus: var(--btn-primary-focus-stroke);
  --_bg-focus: var(--btn-primary-focus-bg);
  --_fg-focus: var(--btn-primary-focus-color);
  --_bd-active: var(--btn-primary-active-stroke);
  --_bg-active: var(--btn-primary-active-bg);
  --_fg-active: var(--btn-primary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .woocommerce a.add_to_cart_button:hover,
body .woocommerce a.ajax_add_to_cart:hover,
body .woocommerce ul.products li.product .button.add_to_cart_button:hover,
body .woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .woocommerce a.add_to_cart_button:focus-visible,
body .woocommerce a.ajax_add_to_cart:focus-visible,
body .woocommerce ul.products li.product .button.add_to_cart_button:focus-visible,
body .woocommerce div.product form.cart .single_add_to_cart_button:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .woocommerce a.add_to_cart_button:active,
body .woocommerce a.ajax_add_to_cart:active,
body .woocommerce ul.products li.product .button.add_to_cart_button:active,
body .woocommerce div.product form.cart .single_add_to_cart_button:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   QUOTE BUTTON → btn-tertiary (fallback)
   ========================================================= */
body .woocommerce a.add_to_cart_button.quote-button,
body .woocommerce a.ajax_add_to_cart.quote-button,
body .woocommerce ul.products li.product a.button.add_to_cart_button.quote-button,
body .woocommerce a.button.quote-button,
body .woocommerce .quote-button {
  --_bd: var(--btn-tertiary-stroke);
  --_bg: var(--btn-tertiary-bg);
  --_fg: var(--btn-tertiary-color);
  --_bd-hover: var(--btn-tertiary-hover-stroke);
  --_bg-hover: var(--btn-tertiary-hover-bg);
  --_fg-hover: var(--btn-tertiary-hover-color);
  --_bd-focus: var(--btn-tertiary-focus-stroke);
  --_bg-focus: var(--btn-tertiary-focus-bg);
  --_fg-focus: var(--btn-tertiary-focus-color);
  --_bd-active: var(--btn-tertiary-active-stroke);
  --_bg-active: var(--btn-tertiary-active-bg);
  --_fg-active: var(--btn-tertiary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .woocommerce a.add_to_cart_button.quote-button:hover,
body .woocommerce a.ajax_add_to_cart.quote-button:hover,
body .woocommerce ul.products li.product a.button.add_to_cart_button.quote-button:hover,
body .woocommerce a.button.quote-button:hover,
body .woocommerce .quote-button:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .woocommerce a.add_to_cart_button.quote-button:focus-visible,
body .woocommerce a.ajax_add_to_cart.quote-button:focus-visible,
body .woocommerce ul.products li.product a.button.add_to_cart_button.quote-button:focus-visible,
body .woocommerce a.button.quote-button:focus-visible,
body .woocommerce .quote-button:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .woocommerce a.add_to_cart_button.quote-button:active,
body .woocommerce a.ajax_add_to_cart.quote-button:active,
body .woocommerce ul.products li.product a.button.add_to_cart_button.quote-button:active,
body .woocommerce a.button.quote-button:active,
body .woocommerce .quote-button:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   ASTRA OVERRIDES — PLP + PDP
   ========================================================= */

/* ADD TO CART → btn-primary (PLP + PDP) */
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.alt,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button.alt,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button.alt {
  --_bd: var(--btn-primary-stroke);
  --_bg: var(--btn-primary-bg);
  --_fg: var(--btn-primary-color);
  --_bd-hover: var(--btn-primary-hover-stroke);
  --_bg-hover: var(--btn-primary-hover-bg);
  --_fg-hover: var(--btn-primary-hover-color);
  --_bd-focus: var(--btn-primary-focus-stroke);
  --_bg-focus: var(--btn-primary-focus-bg);
  --_fg-focus: var(--btn-primary-focus-color);
  --_bd-active: var(--btn-primary-active-stroke);
  --_bg-active: var(--btn-primary-active-bg);
  --_fg-active: var(--btn-primary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button:hover,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button:hover,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button:hover,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button:hover,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.alt:hover,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button.alt:hover,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button.alt:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button:focus-visible,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button:focus-visible,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button:focus-visible,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button:focus-visible,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.alt:focus-visible,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button.alt:focus-visible,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button.alt:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button:active,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button:active,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button:active,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button:active,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.alt:active,
body .ast-woocommerce-container div.product form.cart .single_add_to_cart_button.button.alt:active,
body .ast-woocommerce-container div.product form.cart button.single_add_to_cart_button.button.alt:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* REQUEST QUOTE → btn-tertiary (PLP + PDP) */
body .ast-woocommerce-container ul.products li.product a.button.quote-button,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.quote-button,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button.quote-button,
body .ast-woocommerce-container div.product a.single_request_quote_button.button,
body .ast-woocommerce-container div.product a.single_request_quote_button.button.alt {
  --_bd: var(--btn-tertiary-stroke);
  --_bg: var(--btn-tertiary-bg);
  --_fg: var(--btn-tertiary-color);
  --_bd-hover: var(--btn-tertiary-hover-stroke);
  --_bg-hover: var(--btn-tertiary-hover-bg);
  --_fg-hover: var(--btn-tertiary-hover-color);
  --_bd-focus: var(--btn-tertiary-focus-stroke);
  --_bg-focus: var(--btn-tertiary-focus-bg);
  --_fg-focus: var(--btn-tertiary-focus-color);
  --_bd-active: var(--btn-tertiary-active-stroke);
  --_bg-active: var(--btn-tertiary-active-bg);
  --_fg-active: var(--btn-tertiary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .ast-woocommerce-container ul.products li.product a.button.quote-button:hover,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.quote-button:hover,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button.quote-button:hover,
body .ast-woocommerce-container div.product a.single_request_quote_button.button:hover,
body .ast-woocommerce-container div.product a.single_request_quote_button.button.alt:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .ast-woocommerce-container ul.products li.product a.button.quote-button:focus-visible,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.quote-button:focus-visible,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button.quote-button:focus-visible,
body .ast-woocommerce-container div.product a.single_request_quote_button.button:focus-visible,
body .ast-woocommerce-container div.product a.single_request_quote_button.button.alt:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .ast-woocommerce-container ul.products li.product a.button.quote-button:active,
body .ast-woocommerce-container ul.products li.product a.add_to_cart_button.button.quote-button:active,
body .ast-woocommerce-container ul.products li.product a.ajax_add_to_cart.button.quote-button:active,
body .ast-woocommerce-container div.product a.single_request_quote_button.button:active,
body .ast-woocommerce-container div.product a.single_request_quote_button.button.alt:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   ELEMENTOR MINI-CART FOOTER — CHECKOUT / VIEW CART
   ========================================================= */

/* CHECKOUT → btn-primary */
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--checkout,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--checkout,
body .elementor .elementor-menu-cart__toggle .elementor-button--checkout {
  --_bd: var(--btn-primary-stroke);
  --_bg: var(--btn-primary-bg);
  --_fg: var(--btn-primary-color);
  --_bd-hover: var(--btn-primary-hover-stroke);
  --_bg-hover: var(--btn-primary-hover-bg);
  --_fg-hover: var(--btn-primary-hover-color);
  --_bd-focus: var(--btn-primary-focus-stroke);
  --_bg-focus: var(--btn-primary-focus-bg);
  --_fg-focus: var(--btn-primary-focus-color);
  --_bd-active: var(--btn-primary-active-stroke);
  --_bg-active: var(--btn-primary-active-bg);
  --_fg-active: var(--btn-primary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
body .elementor .elementor-menu-cart__toggle .elementor-button--checkout:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--checkout:focus-visible,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--checkout:focus-visible,
body .elementor .elementor-menu-cart__toggle .elementor-button--checkout:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--checkout:active,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--checkout:active,
body .elementor .elementor-menu-cart__toggle .elementor-button--checkout:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* VIEW CART → btn-tertiary */
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--view-cart,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--view-cart,
body .elementor .elementor-menu-cart__toggle .elementor-button--view-cart {
  --_bd: var(--btn-tertiary-stroke);
  --_bg: var(--btn-tertiary-bg);
  --_fg: var(--btn-tertiary-color);
  --_bd-hover: var(--btn-tertiary-hover-stroke);
  --_bg-hover: var(--btn-tertiary-hover-bg);
  --_fg-hover: var(--btn-tertiary-hover-color);
  --_bd-focus: var(--btn-tertiary-focus-stroke);
  --_bg-focus: var(--btn-tertiary-focus-bg);
  --_fg-focus: var(--btn-tertiary-focus-color);
  --_bd-active: var(--btn-tertiary-active-stroke);
  --_bg-active: var(--btn-tertiary-active-bg);
  --_fg-active: var(--btn-tertiary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover,
body .elementor .elementor-menu-cart__toggle .elementor-button--view-cart:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--view-cart:focus-visible,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--view-cart:focus-visible,
body .elementor .elementor-menu-cart__toggle .elementor-button--view-cart:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .elementor .elementor-menu-cart__footer-buttons .elementor-button--view-cart:active,
body[class*='elementor-kit-'] .elementor-menu-cart__footer-buttons .elementor-button--view-cart:active,
body .elementor .elementor-menu-cart__toggle .elementor-button--view-cart:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   ASTRA CHECKOUT CTAs (place order / proceed to checkout) → btn-primary
   (dekt body-classes én wrapper-classes)
   ========================================================= */

/* PLACE ORDER (checkout page) */
:is(body.woocommerce, body.woocommerce-page, body.woocommerce-checkout, .woocommerce, .woocommerce-page, .woocommerce-checkout) #payment #place_order {
  --_bd: var(--btn-primary-stroke);
  --_bg: var(--btn-primary-bg);
  --_fg: var(--btn-primary-color);
  --_bd-hover: var(--btn-primary-hover-stroke);
  --_bg-hover: var(--btn-primary-hover-bg);
  --_fg-hover: var(--btn-primary-hover-color);
  --_bd-focus: var(--btn-primary-focus-stroke);
  --_bg-focus: var(--btn-primary-focus-bg);
  --_fg-focus: var(--btn-primary-focus-color);
  --_bd-active: var(--btn-primary-active-stroke);
  --_bg-active: var(--btn-primary-active-bg);
  --_fg-active: var(--btn-primary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
:is(body.woocommerce, body.woocommerce-page, body.woocommerce-checkout, .woocommerce, .woocommerce-page, .woocommerce-checkout) #payment #place_order:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
:is(body.woocommerce, body.woocommerce-page, body.woocommerce-checkout, .woocommerce, .woocommerce-page, .woocommerce-checkout) #payment #place_order:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
:is(body.woocommerce, body.woocommerce-page, body.woocommerce-checkout, .woocommerce, .woocommerce-page, .woocommerce-checkout) #payment #place_order:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* PROCEED TO CHECKOUT (cart page) */
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout a.checkout-button,
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout .button.checkout-button {
  --_bd: var(--btn-primary-stroke);
  --_bg: var(--btn-primary-bg);
  --_fg: var(--btn-primary-color);
  --_bd-hover: var(--btn-primary-hover-stroke);
  --_bg-hover: var(--btn-primary-hover-bg);
  --_fg-hover: var(--btn-primary-hover-color);
  --_bd-focus: var(--btn-primary-focus-stroke);
  --_bg-focus: var(--btn-primary-focus-bg);
  --_fg-focus: var(--btn-primary-focus-color);
  --_bd-active: var(--btn-primary-active-stroke);
  --_bg-active: var(--btn-primary-active-bg);
  --_fg-active: var(--btn-primary-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout a.checkout-button:hover,
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout .button.checkout-button:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout a.checkout-button:focus-visible,
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout .button.checkout-button:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout a.checkout-button:active,
:is(body.woocommerce-cart, .woocommerce-cart) .wc-proceed-to-checkout .button.checkout-button:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
/* =========================================================
   HEADER MINI-CART TOGGLE BUTTON → btn-flat
   (NB: wrapper .elementor-menu-cart__toggle NIET stylen)
   ========================================================= */
body .elementor .elementor-menu-cart__toggle_button,
body[class*='elementor-kit-'] .elementor-menu-cart__toggle_button {
  --_bd: var(--btn-flat-stroke);
  --_bg: var(--btn-flat-bg);
  --_fg: var(--btn-flat-color);
  --_bd-hover: var(--btn-flat-hover-stroke);
  --_bg-hover: var(--btn-flat-hover-bg);
  --_fg-hover: var(--btn-flat-hover-color);
  --_bd-focus: var(--btn-flat-focus-stroke);
  --_bg-focus: var(--btn-flat-focus-bg);
  --_fg-focus: var(--btn-flat-focus-color);
  --_bd-active: var(--btn-flat-active-stroke);
  --_bg-active: var(--btn-flat-active-bg);
  --_fg-active: var(--btn-flat-active-color);

  font: var(--btn-weight) var(--btn-fs) / var(--btn-leading) var(--btn-font);
  text-transform: var(--btn-transform, none);
  padding: var(--btn-py) var(--btn-px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--_bd);
  background-color: var(--_bg);
  color: var(--_fg);
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.02s;
  cursor: pointer;
  user-select: none;
}
body .elementor .elementor-menu-cart__toggle_button:hover,
body[class*='elementor-kit-'] .elementor-menu-cart__toggle_button:hover {
  background-color: var(--_bg-hover);
  color: var(--_fg-hover);
  border-color: var(--_bd-hover);
}
body .elementor .elementor-menu-cart__toggle_button:focus-visible,
body[class*='elementor-kit-'] .elementor-menu-cart__toggle_button:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
  background-color: var(--_bg-focus);
  color: var(--_fg-focus);
  border-color: var(--_bd-focus);
}
body .elementor .elementor-menu-cart__toggle_button:active,
body[class*='elementor-kit-'] .elementor-menu-cart__toggle_button:active {
  background-color: var(--_bg-active);
  color: var(--_fg-active);
  border-color: var(--_bd-active);
  transform: translateY(1px);
}
.elementor-button-icon svg {
  max-height: var(--btn-icon_maxh);
  max-width: var(--btn-icon_maxw);
}
a.elementor-icon path {
  fill: inherit;
}
/* =========================================================
   HEADING SKINS (font shorthand applied)
   ========================================================= */
	
body[class*='elementor-kit-'] .elementor-heading-title {
  margin-bottom: 0;
}
/* ========================================================================= */