/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.sitevarscombinedinthisclass {
  /* 🎨 Kleuren */
  color: var(--e-global-color-primary);
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-accent);

  /* 🔤 Typografie: Headings */
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: var(--e-global-typography-primary-font-weight);
  text-transform: var(--e-global-typography-primary-text-transform);
  font-style: var(--e-global-typography-primary-font-style);
  text-decoration: var(--e-global-typography-primary-text-decoration);
  line-height: var(--e-global-typography-primary-line-height);
  letter-spacing: var(--e-global-typography-primary-letter-spacing);

  /* 🔤 Typografie: Body tekst */
  --text-font: var(--e-global-typography-text-font-family);
  --text-weight: var(--e-global-typography-text-font-weight);
  --text-transform: var(--e-global-typography-text-text-transform);
  --text-style: var(--e-global-typography-text-font-style);
  --text-decoration: var(--e-global-typography-text-text-decoration);
  --text-line-height: var(--e-global-typography-text-line-height);
  --text-letter-spacing: var(--e-global-typography-text-letter-spacing);

  /* 🔤 Typografie: Accent */
  --accent-font: var(--e-global-typography-accent-font-family);
  --accent-weight: var(--e-global-typography-accent-font-weight);
  --accent-transform: var(--e-global-typography-accent-text-transform);
  --accent-style: var(--e-global-typography-accent-font-style);
  --accent-decoration: var(--e-global-typography-accent-text-decoration);
  --accent-line-height: var(--e-global-typography-accent-line-height);
  --accent-letter-spacing: var(--e-global-typography-accent-letter-spacing);
}

/* Wrapper */
.pa-woo-mc__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Header */
.pa-woo-mc__cart-header {
  background-color: #f8f9fa;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.2rem;
  border-bottom: 1px solid #dee2e6;
}

.pa-woo-mc__cart-title {
  text-transform: uppercase;
}

/* Cart List */
.woocommerce-mini-cart {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-mini-cart-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}

.woocommerce-mini-cart-item img {
  width: 60px;
  height: auto;
  border-radius: 4px;
}

/* Verwijder link */
.remove_from_cart_button {
  color: #dc3545;
  font-size: 1.2rem;
  text-decoration: none;
}

.remove_from_cart_button:hover {
  color: #a71d2a;
}

/* Product naam */
.woocommerce-mini-cart-item a:not(.remove_from_cart_button) {
  color: #212529;
  text-decoration: none;
  font-weight: 500;
}

.woocommerce-mini-cart-item a:hover {
  text-decoration: underline;
}

/* Aantal en prijs */
.quantity {
  margin-left: auto;
  white-space: nowrap;
}

/* Subtotaal */
.woocommerce-mini-cart__total {
  padding: 1rem;
  background-color: #f1f1f1;
  font-weight: bold;
  display: none;
}

/* Extra knoppen (pa-woo-mc) */
.pa-woo-mc__cart-buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-top: 1px solid #ccc;
  gap: 1rem;
}

.pa-woo-mc__mc-btn {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  background-color: var(--e-global-color-primary);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
}

.pa-woo-mc__mc-btn:hover {
  background-color: var(--e-global-color-primary);
  color: #ccc;
}

.woocommerce-mini-cart__buttons {
  display: none;
}

.pa-woo-mc__inner-container .pa-woo-mc__text-wrapper {
  display: none;
}

.pa-woo-mc__icon-wrapper * {
  color: #fff;
  fill: #fff;
}
.pa-woo-mc__icon-wrapper {
  background-color: #000;
  padding: 8px;
  font-size: 2rem;
  color: #fff;
  border-radius: 5px;
}
.elementor-widget-button .elementor-button {
  background-color: var(--e-global-color-primary);
}

/* woocommerce */
/* workshops */
.stock-status-instock {
  color: green;
}
.stock-status-outofstock {
  color: red;
}
.stock-status-onbackorder {
  color: orange;
}
.workshop-products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.workshop-products .product-link {
  position: relative;
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
  color: white;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.3s ease;
  background-color: #666;
  text-align: center;
  filter: grayscale(0.6);
}
@media (min-width: 767px) {
  .workshop-products .product-link {
    padding-top: 100%; /* vierkant aspect */
  }
}
@media (max-width: 767px) {
  .workshop-products .product-link {
    padding: 10px;
  }
  .workshop-products .product-title {
    font-size: 1.5rem !important;
  }
}

.workshop-products .product-link:hover {
  transform: scale(1.02);
}
@media (min-width: 767px) {
  .workshop-products .product-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.5); /* semi-transparant zwart */
  }
}

.workshop-products .product-title {
  margin: 0 0 5px;
  font-size: 2rem;
  font-weight: bold;
}

.workshop-products .stock-status {
  font-size: 0.9rem;
  margin-bottom: 5px;
}

.workshop-products .short-description {
  font-weight: 300;
}
.workshop-products .price {
  font-weight: bold;
  font-size: 2rem;
}

.stock-status-instock {
  color: #9f0;
}
.stock-status-outofstock {
  color: #f66;
}
.stock-status-onbackorder {
  color: #fc3;
}

/* 2 kolommen desktop, 1 kolom mobiel */
@media (min-width: 768px) {
  .workshop-products .col-md-6 {
    flex: 0 0 48%;
  }
}
@media (max-width: 767px) {
  .workshop-products .col-md-6 {
    flex: 0 0 100%;
  }
}
.e-loop-add-to-cart-form-container .qty {
  width: 100px !important;
}

#wooac-continue,
#wooac-cart,
.cart .button {
  background-color: #fda65d !important;
}

#wooac-continue,
#wooac-cart {
  color: #fff;
  margin: 5px;
  width: 100%;
}

.elementor-widget-woocommerce-checkout-page
  .woocommerce
  #customer_details
  .form-row
  .input-text,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  #customer_details
  .form-row
  select,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  #customer_details
  .form-row
  textarea,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-coupon-box
  .form-row
  .input-text,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-coupon-box
  .form-row
  select,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-coupon-box
  .form-row
  textarea,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-woocommerce-login-anchor
  .form-row
  .input-text,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-woocommerce-login-anchor
  .form-row
  select,
.elementor-widget-woocommerce-checkout-page
  .woocommerce
  .e-woocommerce-login-anchor
  .form-row
  textarea,
.elementor-widget-woocommerce-checkout-page
  .select2-container--default
  .select2-selection--single {
  background-color: #ededed;
}

.woocommerce-checkout-review-order-table td {
  border-bottom: 1px solid #666 !important;
}

#shipping_method * {
  font-size: 1rem;
}
.select2-selection__rendered {
  padding: 0 10px !important;
}
#shipping_method #pickup-items-field-for-0 * {
  font-size: 0.9rem !important;
  line-height: 1 !important;
}
.woocommerce-error {
  font-size: 1rem;
}

.woocommerce-mini-cart-item > a {
  width: 100%;
}