/*
Theme Name: Keukenboeren
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.8.1648472209
Updated: 2022-03-28 13:56:49
*/


/* =========================
   LOCAL FONTS
========================= */

/* Montserrat Medium */
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/Keukenboeren/fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Montserrat SemiBold */
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/Keukenboeren/fonts/Montserrat-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Montserrat Bold */
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/Keukenboeren/fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Courier Prime Regular */
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/Keukenboeren/fonts/courier-prime-v10-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Courier Prime Bold */
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/Keukenboeren/fonts/courier-prime-v10-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Courier Prime Italic */
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/Keukenboeren/fonts/courier-prime-v10-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial');
  size-adjust: 103%;
  ascent-override: 85%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Courier Prime Fallback';
  src: local('Courier New');
  size-adjust: 98%;
}
body { font-family: 'Courier Prime', 'Courier Prime Fallback', monospace; }
h1, h2, h3, h4 { font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; }

/* =========================
   FONT USAGE
========================= */
/* Body tekst */
body {
  font-family: 'Courier Prime', monospace;
  font-weight: 400;
}

/* Alle koppen */
h1 {
 font-family: 'Montserrat', sans-serif;
  font-weight: 700; /* Bold kun je specifiek per H gebruiken */
}

h2, h3, h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500; /* Medium standaard, SemiBold of Bold kun je specifiek per H gebruiken */
}

.et_pb_menu {
    min-height: 80px !important;
}

.et_pb_menu__logo-wrap {
    min-height: 60px;
}
.et_pb_menu__logo img {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    display: block;
}

.kb-header-actions {
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
    gap: 15px;
	width: 100%;
	flex-wrap: nowrap;
}

.kb-header-left,
.kb-header-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.kb-header-actions a {
display: flex;
align-items: center;
line-height: 1;
text-decoration: none;
color: #000 !important;
font-weight: 700;
}

/* Icons */

.phone-icon {
    font-family: 'ETmodules' !important;
    font-size: 18px;
    line-height: 1;
    margin-right: 30px;
    display: inline-block;
}

.cart-icon::before {
	font-family: 'ETmodules' !important;
    font-size: 18px;
    line-height: 1;
    content: "\e07a";
}

.search-icon::before {
	font-family: 'ETmodules' !important;
    font-size: 18px;
    line-height: 1;
    content: "\55";
	margin-right: 10px;
}

/* Eventueel buttons menu */
.kb-menu-button {
  font-family: 'Courier Prime', monospace;
  font-weight: 700;
  text-transform: none; /* zodat Divi niet hoofdletters maakt */
}

.et_pb_image_wrap img.hero-image {
  aspect-ratio: 700 / 493;
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   WOOCOMMERCE
========================= */

/* Fonts */
.et_pb_module h1,
.et_pb_text h1,
.et_pb_text .et_pb_module_header,
.woocommerce-page h1,
.woocommerce h1.product_title,
.woocommerce h1.category_title {
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif !important;
}

.woocommerce div.product .woocommerce-product-details__short-description h1,
.woocommerce div.product .woocommerce-product-details__short-description h2,
.woocommerce div.product .woocommerce-product-details__short-description h3,
.woocommerce div.product .woocommerce-product-details__short-description h4,
.woocommerce div.product .woocommerce-tabs .panel h1,
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3,
.woocommerce div.product .woocommerce-tabs .panel h4 {
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif !important;
}

.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-tabs .panel {
  font-family: 'Courier Prime', 'Courier Prime Fallback', monospace !important;
}

/* Variaties */
.woocommerce div.product form.cart .variations select {
  margin-left: 1em;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  line-height: normal;
}

/* Verwijder dubbele pijlen in selectvelden */
.woocommerce select,
.woocommerce-page select {
  background-image: none !important;
}

.woocommerce select::after,
.woocommerce-page select::after {
  content: none !important;
}

/* Voorraad */
.woocommerce div.product .stock {
  color: #000000 !important;
  margin-bottom: 20px;
}

/* Winkelwagen */
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-remove {
  display: none;
}

table.cart th,
#main-content table.cart th,
table.cart td,
#main-content table.cart td,
table.cart tr,
#main-content table.cart tr,
#content-area table tr,
#content-area table td,
#content-area table th {
  width: 100%;
}

/* Checkout velden */
.woocommerce .ags_woo_checkout_billing_info_0 .form-row input.input-text,
.woocommerce .ags_woo_checkout_billing_info_0 .form-row textarea,
.woocommerce .woocommerce-shipping-fields input.input-text,
.woocommerce .woocommerce-shipping-fields textarea,
.woocommerce .ags_woo_checkout_shipping_info_0 .form-row input.input-text,
.woocommerce .ags_woo_checkout_shipping_info_0 .form-row textarea {
  border: 1px solid !important;
  min-height: 40px !important;
  height: auto !important;
  line-height: 1.2 !important;
  padding: 10px !important;
  display: block !important;
  resize: vertical;
}

/* Cart popup */
.wooac-popup .wooac-action a {
  background-color: #000;
  color: white;
  margin-bottom: 6px;
}

.wooac-cart-content {
  margin-top: 14px;
  margin-bottom: 14px;
}

/*div.woocommerce-message {
  background-color: #a78747 !important;
  color: #ffffff !important;
}*/

.woocommerce-notices-wrapper .woocommerce-message {
    display: none !important;
}

/* Shop plus knop */
body.et-db #page-container #et-boc .et-l .et_pb_section .ags_woo_shop_plus_0_tb_body.ags_woo_shop_plus .product .button {
  margin-bottom: 10px !important;
}

/* Productbeschrijving border */
.et_pb_wc_description_1_tb_body {
  border-width: 0px !important;
}

/* Reviews */
.et_pb_wc_reviews .commentlist li:nth-child(n+6) {
  display: none;
}

.et_pb_wc_reviews.reviews-expanded .commentlist li {
  display: block !important;
}

ul.dsm_breadcrumbs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.dsm_breadcrumbs li {
  display: flex !important;
  align-items: center;
}
/* =================================================
   Fix: composited animaties (vervangt Divi defaults)
   ================================================= */

/* Buttons */
.et_pb_button {
  will-change: transform, opacity;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

/* Menu links */
.et_pb_menu a,
.et_pb_menu .et_pb_menu__nav a,
.et_mobile_menu a {
  will-change: opacity;
  transition: opacity 0.2s ease !important;
}

/* Blurb modules */
.et_pb_blurb.et_pb_with_border,
.et_pb_blurb.et_clickable {
  will-change: transform, opacity;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.et_pb_blurb.et_pb_with_border:hover {
  transform: translateY(-2px);
}

/* Generieke module links */
.et_pb_module a {
  transition: opacity 0.2s ease !important;
}

/* WooCommerce product overlay */
li.product .et_shop_image .et_overlay,
li.product .et_shop_image .et_overlay::before {
  will-change: opacity, transform;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  border-color: transparent !important;
}