@charset "UTF-8";
/*
Theme Name: Eberle
Theme URI: https://eberle.ch/
Author: visions.ch gmbh.
Author URI: https://visions.ch
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eberle
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
:root {
  --wp--preset--spacing--60: 30px !important;
  --eb-color-green-hover:#5b7600;
  --eb-color-green:#82a900;
  --eb-color-grey: #dfdfdf;
  --eb-color-black: #000000;
}

h3 {
  display: block;
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  margin-top: 0px !important;
}

a, button {
  outline: none !important;
}
a:focus, a:hover, button:focus, button:hover {
  outline: none !important;
}

.sku {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 12px;
}

.small-info {
  font-size: 12px;
  margin-bottom: 5px;
}

.text-center {
  text-align: center;
}

.wc-block-components-product-image {
  display: block;
  position: static !important;
}

.singleproduct .wp-block-woocommerce-product-sale-badge {
  display: none !important;
}
.singleproduct:has(.ve-sale-price.e1) .wp-block-woocommerce-product-sale-badge {
  display: block !important;
}

.wc-block-product-template .wc-block-components-product-sale-badge,
.wc-block-product-template span.onsale,
.wc-block-product-template .woocommerce span.onsale {
  display: none !important;
}
.wc-block-product-template .wc-block-components-product-sale-badge.-isOnSale,
.wc-block-product-template span.onsale.-isOnSale,
.wc-block-product-template .woocommerce span.onsale.-isOnSale {
  display: none !important;
}

.wc-block-product-template .product:has(.ve-sale-price.e1) .wc-block-components-product-sale-badge,
.wc-block-product-template .product:has(.ve-sale-price.e1) span.onsale,
.wc-block-product-template .product:has(.ve-sale-price.e1) .woocommerce span.onsale {
  display: block !important;
}
.wc-block-product-template .product:has(.ve-sale-price.e1) .wc-block-components-product-sale-badge.-isOnSale,
.wc-block-product-template .product:has(.ve-sale-price.e1) span.onsale.-isOnSale,
.wc-block-product-template .product:has(.ve-sale-price.e1) .woocommerce span.onsale.-isOnSale {
  display: block !important;
}

.wc-block-components-button {
  border: 1px solid var(--eb-color-green);
  -webkit-box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
          box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
}

.woocommerce-view-order a:where(:not(.wp-element-button)),
.woocommerce-view-order .woocommerce-Price-amount.amount,
.woocommerce-orders a:where(:not(.wp-element-button)),
.woocommerce-orders .woocommerce-Price-amount.amount {
  font-weight: normal;
  font-size: 1em !important;
}
.woocommerce-view-order table.shop_table tbody th,
.woocommerce-view-order table.shop_table tfoot td,
.woocommerce-view-order table.shop_table tfoot th,
.woocommerce-orders table.shop_table tbody th,
.woocommerce-orders table.shop_table tfoot td,
.woocommerce-orders table.shop_table tfoot th {
  font-weight: normal;
  font-size: 1em !important;
  margin: 20px 0px;
}

.wp-singular .wc-block-product-ve .woocommerce-Price-amount,
.wc-block-product-ve .woocommerce-Price-amount {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
}
.wp-singular .wc-block-product-ve .woocommerce-Price-amount.ve-product-price,
.wc-block-product-ve .woocommerce-Price-amount.ve-product-price {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Archivo Regular";
  margin-bottom: 2px;
}
.wp-singular .wc-block-product-ve .woocommerce-loop-product__title,
.wc-block-product-ve .woocommerce-loop-product__title {
  white-space: wrap;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.wp-singular .wc-block-product-ve img,
.wc-block-product-ve img {
  aspect-ratio: 400/345;
  cursor: auto;
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  height: auto !important;
}
.wp-singular .wc-block-product-ve .button,
.wc-block-product-ve .button {
  margin-bottom: 15px;
}

.wc-block-components-product-image img,
img.attachment-woocommerce_thumbnail {
  aspect-ratio: 400/345;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  height: auto !important;
}

.woocommerce-account .addresses .title .edit {
  float: none;
  color: var(--eb-color-green);
}
.woocommerce-account .addresses address {
  border: 1px solid var(--eb-color-grey);
  padding: 15px;
}

.wc-block-order-confirmation-order-note {
  border: 1px solid var(--eb-color-grey);
  padding: 15px;
  margin-top: 25px;
}

.order-again {
  text-align: right;
}

main input[type=file]::-webkit-file-upload-button {
  color: white !important;
  border: 1px solid var(--eb-color-green) !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
          box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
  background-color: var(--eb-color-green) !important;
  padding: 8px 16px !important;
}

main input:is([type=button],
[type=submit],
[type=reset]),
main input[type=file]::file-selector-button,
main .button,
main button,
main .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
main .woocommerce div.product form.cart button.single_add_to_cart_button,
main .woocommerce div.product form.cart button[name=add-to-cart],
main .wc-block-components-button:not(.is-link).is-style-outline,
main .wc-block-components-button:not(.is-link).outlined,
main :root :where(.wp-element-button:hover, .wp-block-button__link) {
  color: white !important;
  border: 1px solid var(--eb-color-green) !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
          box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
  background-color: var(--eb-color-green) !important;
  padding: 8px 16px !important;
}
main input[type=file]::-webkit-file-upload-button:hover {
  color: var(--eb-color-green) !important;
  border: 1px solid var(--eb-color-green) !important;
  background-color: white !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
          box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
}
main input:is([type=button],
[type=submit],
[type=reset]):hover,
main input[type=file]::file-selector-button:hover,
main .button:hover,
main button:hover,
main .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover,
main .woocommerce div.product form.cart button.single_add_to_cart_button:hover,
main .woocommerce div.product form.cart button[name=add-to-cart]:hover,
main .wc-block-components-button:not(.is-link).is-style-outline:hover,
main .wc-block-components-button:not(.is-link).outlined:hover,
main :root :where(.wp-element-button:hover, .wp-block-button__link):hover {
  color: var(--eb-color-green) !important;
  border: 1px solid var(--eb-color-green) !important;
  background-color: white !important;
  -webkit-box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
          box-shadow: inset 0 0 0 1px var(--eb-color-green) !important;
}
main .show-password-input {
  border: none !important;
  background: none !important;
  background-color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
main .tinv-wishlist .product-remove button {
  border-radius: 0px;
  padding: 2px 2px !important;
}

div.product form.cart .tinvwl_add_to_wishlist_button {
  margin-top: 15px;
}

.wc-block-product h3 {
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
}
.wc-block-product .wp-block-button.wc-block-components-product-button {
  margin-bottom: 0px;
}
.wc-block-product .tinvwl-after-add-to-cart {
  margin-top: 0px;
}

.wc-block-product-template__responsive > li,
.wc-block-product-template.is-flex-container > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 15px;
}

:root :where(.wp-block-post-terms) {
  font-weight: normal;
}

@font-face {
  font-family: "Lora Bold";
  font-style: normal;
  font-weight: 600;
  font-display: "swap";
  src: url("assets/fonts/Lora-Bold.eot");
  src: url("assets/fonts/Lora-Bold.eot") format("embedded-opentype"), url("assets/fonts/Lora-Bold.woff2") format("woff2"), url("assets/fonts/Lora-Bold.woff") format("woff"), url("assets/fonts/Lora-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Archivo Regular";
  font-style: normal;
  font-weight: 300;
  font-display: "swap";
  src: url("assets/fonts/Archivo-Regular.eot");
  src: url("assets/fonts/Archivo-Regular.eot") format("embedded-opentype"), url("assets/fonts/Archivo-Regular.woff2") format("woff2"), url("assets/fonts/Archivo-Regular.woff") format("woff"), url("assets/fonts/Archivo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Archivo SemiBold";
  font-style: normal;
  font-weight: 400;
  font-display: "swap";
  src: url("assets/fonts/Archivo-SemiBold.eot");
  src: url("assets/fonts/Archivo-SemiBold.eot") format("embedded-opentype"), url("assets/fonts/Archivo-SemiBold.woff2") format("woff2"), url("assets/fonts/Archivo-SemiBold.woff") format("woff"), url("assets/fonts/Archivo-SemiBold.ttf") format("truetype");
}
html, body {
  font-family: "Archivo Regular", Helvetica, sans-serif;
}

main {
  margin-top: 50px !important;
}

.entry-content a {
  outline: none;
  text-decoration: none;
  color: var(--eb-color-green) !important;
}
.entry-content a:hover {
  color: var(--eb-color-green-hover) !important;
}
.entry-content a.button {
  background-color: var(--eb-color-green) !important;
  color: #FFFFFF !important;
}
.entry-content a.button:hover {
  background-color: #FFFFFF !important;
  color: var(--eb-color-green) !important;
}
.entry-content a.button.alt {
  background-color: var(--eb-color-green) !important;
  color: #FFFFFF !important;
}
.entry-content a.button.alt:hover {
  background-color: #FFFFFF !important;
  color: var(--eb-color-green) !important;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
  outline: none;
  text-decoration: none;
  color: var(--eb-color-green) !important;
  background-color: transparent !important;
  border: none !important;
}

footer {
  margin-top: 40px;
  border-top: 1px solid #d6d6d6;
}
footer .-a-white a,
footer a {
  outline: none;
  text-decoration: none;
  color: var(--eb-color-green);
}
footer .-a-white a:hover,
footer a:hover {
  color: var(--eb-color-green-hover);
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lora Bold";
  text-wrap: pretty;
  margin-bottom: 15px !important;
  -webkit-margin-end: 15px !important;
          margin-inline-end: 15px !important;
  -webkit-margin-before: 15px !important;
          margin-block-start: 15px !important;
  line-height: normal;
}

@media (max-width: 768px) {
  h1, .alpha {
    font-size: 18px !important;
  }
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .leftonmobile h2, .leftonmobile p {
    margin-left: 25px !important;
    margin-right: auto !important;
  }
}
.d-none {
  display: none !important;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
ul.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px;
}
ul.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0;
}
ul.wp-block-navigation ul.wp-block-navigation-submenu li.wc-block-product-categories-list-item {
  display: block;
  padding: 5px 10px !important;
  border-bottom: 1px solid #e7e7e7;
}
ul.wp-block-navigation ul.wp-block-navigation-submenu li.wc-block-product-categories-list-item:hover {
  color: var(--wp--preset--color--accent-2);
  background-color: #e7e7e7;
}
ul.wp-block-navigation ul.wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}
ul.-bordered > li {
  border: 1px solid #d5d5d5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
ul.-bordered > li:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.wc-block-product-template__responsive > li {
  border: 1px solid #d5d5d5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wc-block-product-template__responsive > li:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.wp-block-query-pagination span,
.wp-block-query-pagination a {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 3px;
  background-color: var(--wp--preset--color--accent-2);
  color: white;
  padding: 0px 5px;
}
.wp-block-query-pagination span.wp-block-query-pagination-previous, .wp-block-query-pagination span.wp-block-query-pagination-next,
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.wp-block-query-pagination a.wp-block-query-pagination-next {
  padding: 0px 15px;
}
.wp-block-query-pagination span:hover,
.wp-block-query-pagination a:hover {
  color: var(--wp--preset--color--accent-2);
  background-color: #d5d5d5;
  border: 1px var(--wp--preset--color--accent-2);
}
.wp-block-query-pagination span {
  background-color: #dfdfdf;
  color: black;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

.woocommerce img,
.woocommerce-page img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.woocommerce .wp-block-image > img,
.woocommerce-page .wp-block-image > img {
  width: auto;
  height: auto;
  aspect-ratio: auto;
}

.wc-block-cart-item__image img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
  background-color: #dfdfdf;
  border: none;
  padding: 16px 36px;
}

input:is([type=button], [type=submit], [type=reset]),
input[type=file]::file-selector-button,
.button,
button {
  cursor: pointer;
  background-color: #dfdfdf;
  border: none;
  padding: 16px 36px;
}
input[type=file]::-webkit-file-upload-button:hover {
  cursor: pointer;
  color: white;
  background-color: var(--wp--preset--color--accent-2);
}
input:is([type=button], [type=submit], [type=reset]):hover,
input[type=file]::file-selector-button:hover,
.button:hover,
button:hover {
  cursor: pointer;
  color: white;
  background-color: var(--wp--preset--color--accent-2);
}
input[type=file]::-webkit-file-upload-button.alt {
  background-color: var(--wp--preset--color--accent-2);
}
input:is([type=button], [type=submit], [type=reset]).alt,
input[type=file]::file-selector-button.alt,
.button.alt,
button.alt {
  background-color: var(--wp--preset--color--accent-2);
}
input[type=file]::-webkit-file-upload-button.alt:hover {
  cursor: pointer;
  color: var(--eb-color-green);
  background-color: #dfdfdf;
}
input:is([type=button], [type=submit], [type=reset]).alt:hover,
input[type=file]::file-selector-button.alt:hover,
.button.alt:hover,
button.alt:hover {
  cursor: pointer;
  color: var(--eb-color-green);
  background-color: #dfdfdf;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=number],
input[type=email] {
  border-radius: 0px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 40px;
  margin: 0px;
  padding: 0px 5px;
  display: inline-block;
  border: 1px solid #d5d5d5 !important;
}

label {
  border-radius: 0px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea {
  height: auto;
  min-height: 200px;
}

.wp-block-button__link:hover {
  color: var(--wp--preset--color--accent-2);
  border: 1px solid var(--wp--preset--color--accent-2) !important;
  background-color: white !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  border-radius: 0px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d5d5d5;
}

.eberle-banner-bg {
  position: sticky;
  background-image: url(https://eberle.ch/assets/image-cache/images/Produkte/produkte-sh.def88873.webP);
  background-size: cover;
  min-height: 240px;
  height: 240px;
  margin-top: 0px;
  padding-top: 0px;
}

.home .eberle-banner-bg {
  min-height: 400px;
}
.home .wp-singular .wc-block-product-ve img:not(.icon-add-on-wishlist, .icon-already-on-wishlist),
.home .wc-block-product-ve img:not(.icon-add-on-wishlist, .icon-already-on-wishlist) {
  aspect-ratio: 400/150;
}
.home .product h2 {
  margin-bottom: 3px !important;
  -webkit-margin-end: 3px !important;
          margin-inline-end: 3px !important;
  -webkit-margin-before: 3px !important;
          margin-block-start: 3px !important;
}

.woocommerce .wc-block-product-template img:not(.icon-add-on-wishlist, .icon-already-on-wishlist),
.woocommerce-page .wc-block-product-template img:not(.icon-add-on-wishlist, .icon-already-on-wishlist) {
  aspect-ratio: 400/150;
}

.-chop-bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 25px !important;
  padding-left: calc((100vw - var(--wp--style--global--wide-size)) / 2);
  padding-right: calc((100vw - var(--wp--style--global--wide-size)) / 2);
  background-color: rgba(255, 255, 255, 0.5);
}

.custom-logo-link {
  border: none;
  outline: none;
  text-decoration: none;
}
.custom-logo-link:hover {
  border: none;
  outline: none;
  text-decoration: none;
}
.custom-logo-link img {
  margin: 25px 0 0 25px;
  width: 205px !important;
  height: auto;
  aspect-ratio: unset;
  border: none;
  outline: none;
}

.wp-block-navigation ul li ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 400px !important;
  padding: 5px;
}

.wc-block-product-categories-list-item li ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 400px !important;
  padding: 5px;
}

.wc-block-mini-cart {
  background-color: rgba(255, 255, 255, 0.5);
}

:root :where(.wp-element-button:hover, .wp-block-button__link) {
  color: white !important;
  background: var(--eb-color-green) !important;
}
:root :where(.wp-element-button:hover, .wp-block-button__link):hover {
  background: white !important;
  color: var(--eb-color-green) !important;
}

.wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).outlined {
  color: white !important;
  background: var(--eb-color-green) !important;
}
.wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).outlined:hover {
  background: white !important;
  color: var(--eb-color-green) !important;
}

.wp-block-woocommerce-customer-account {
  height: 45px;
  background-color: rgba(255, 255, 255, 0.5);
}

.wc-block-mini-cart svg path,
.wc-block-mini-cart svg circle {
  fill: #FFFFFF;
}

.wp-block-woocommerce-customer-account:hover {
  background-color: var(--wp--preset--color--accent-2);
}

.g-0 {
  row-gap: 25px;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
}

.-pad-right {
  padding-right: 25px;
}

footer {
  font-size: 16px;
}

.-search {
  min-width: 200px;
  width: calc(50vw - 80px);
}

@media (max-width: 1370px) {
  body main {
    padding: 20px 25px !important;
  }
  body footer main {
    padding: 0px 0px !important;
  }
}
@media (max-width: 980px) {
  .-search {
    min-width: 200px;
    width: 45vw;
  }
}
@media (max-width: 768px) {
  .-search {
    min-width: 200px;
    width: 80vw;
  }
}
.-social {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.-social .wp-block-column {
  width: auto;
  -ms-flex-preferred-size: initial !important;
      flex-basis: initial !important;
  -webkit-box-flex: initial !important;
      -ms-flex-positive: initial !important;
          flex-grow: initial !important;
}

.-a-white a {
  color: var(--wp--preset--color--accent-2);
  text-decoration: none;
  font-size: 16px;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  margin: 0px;
  padding: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  display: block;
  text-align: center;
  line-height: 50px;
  color: white;
  margin-bottom: 5px;
  color: #FFFFFF !important;
  background-color: var(--wp--preset--color--accent-2);
  border: 1px solid var(--wp--preset--color--accent-2) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover {
  color: var(--eb-color-green);
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover a {
  text-decoration: none;
  color: var(--wp--preset--color--accent-2) !important;
  border: 1px solid var(--wp--preset--color--accent-2) !important;
  background-color: white !important;
}

.wpc-filters-open-button-container {
  display: block !important;
}

.wpc-open-close-filters-button {
  display: inline-block !important;
  padding: 0 14px;
  width: 100%;
  max-width: 50%;
  height: 50px;
}
.wpc-open-close-filters-button.wpc-opened {
  border: 1px solid #CCCCCC !important;
  border-bottom: none !important;
}
.wpc-open-close-filters-button .wpc-button-inner .wpc-icon-html-wrapper br {
  display: none;
}

.wpc-filters-widget-content {
  display: none !important;
}
.wpc-filters-widget-content.wpc-opened {
  display: block !important;
}

.wpc-filters-widget-content.wpc-opened .wpc-filters-widget-containers-wrapper {
  border: 1px solid #CCCCCC !important;
  border-top: 1px solid #CCCCCC !important;
}

.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a {
  border-radius: 3px !important;
}

.widget.widget_wpc_filters_widget {
  max-width: 100% !important;
}

.wpc-filters-scroll-container {
  padding: 30px !important;
}

.wpc-filter-chips-list li,
body .wpc-filter-chips-list li.wpc-filter-chip,
li.wpc-filter-chip {
  display: inline-block !important;
  border-radius: 3px !important;
}
.wpc-filter-chips-list li a,
body .wpc-filter-chips-list li.wpc-filter-chip a,
li.wpc-filter-chip a {
  border-radius: 3px !important;
}

.wpc-filters-widget-containers-wrapper:has(ul > li) .wpc-filters-widget-top-container {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
  display: block;
}
.wpc-filters-widget-containers-wrapper:has(ul > li) .wpc-filters-widget-top-container::before {
  width: 100%;
  max-width: 50%;
}

.wp-block-button.wc-block-components-product-button {
  margin-bottom: 15px;
}

.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
  margin-top: 0px;
}

.button.wp-element-button.button-empty {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 18px;
  border: 1px solid var(--eb-color-green);
}
.button.wp-element-button.button-empty:hover {
  color: black;
  background-color: white;
}

.tinv-wishlist {
  text-align: center;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button {
  display: inline-block;
  padding: 8px 18px;
  color: var(--eb-color-green);
  background-color: white;
  border: 1px solid var(--eb-color-green);
  margin-bottom: 15px;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button:hover {
  color: black;
  background-color: var(--eb-color-grey);
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list {
  color: var(--eb-color-grey);
  border: 1px solid var(--eb-color-grey);
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list:hover {
  color: black;
  background-color: white;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list img.icon-already-on-wishlist {
  opacity: 0.5;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button > .tinvwl-product-stats {
  display: none;
}
.tinv-wishlist .navigation-button a i {
  margin-right: 3px;
}

.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-cart-add-to-cart {
  margin-top: 15px;
  text-align: right;
}
.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-cart-add-to-cart a.tinvwl_all_cart_to_wishlist_button.button.eb-btn {
  font-family: "Archivo SemiBold", Helvetica, sans-serif !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: -0.4px;
  padding: 8px 16px !important;
  display: inline-block;
}

.tinvwl-table-manage-list {
  border-collapse: collapse;
}
.tinvwl-table-manage-list img {
  height: 50px !important;
}
.tinvwl-table-manage-list tr, .tinvwl-table-manage-list td {
  margin: 0px;
  padding: 5px;
}
.tinvwl-table-manage-list td {
  border-bottom: 1px solid #CCCCCC !important;
}

.tinv-wishlist tfoot .tinvwl-to-right {
  text-align: right;
  width: 100%;
}

.product-template-default .tinv-wishlist {
  text-align: left;
}

body .wp-block-columns.on-my-account.is-layout-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body.logged-in .wp-block-columns.on-my-account.is-layout-flex {
  display: none !important;
}

.wp-singular .woocommerce-Price-amount {
  font-size: 20px;
  font-weight: bold;
}
.wp-singular .woocommerce-Price-amount.ve-product-price {
  font-weight: bold;
  margin-bottom: 2px;
}

.wp-singular.woocommerce-account .woocommerce-Price-amount {
  font-weight: normal !important;
  font-size: 16px;
}
.wp-singular.woocommerce-account .woocommerce-Price-amount.ve-product-price {
  font-weight: normal !important;
  font-size: 16px;
  margin-bottom: 2px;
}

.wc-block-product .ve-sale-price,
.wc-block-product .wc-block-components-product-price,
.wc-block-product .woocommerce-Price-amount {
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: normal;
}
.wc-block-product .ve-sale-price.ve-product-price,
.wc-block-product .wc-block-components-product-price.ve-product-price,
.wc-block-product .woocommerce-Price-amount.ve-product-price {
  font-weight: normal;
  margin-bottom: 2px;
}

.tinv-header {
  font-size: 16px;
  text-align: left;
  border-bottom: 1px solid var(--eb-color-grey);
}

.tinv-wishlist table th, .tinv-wishlist table td {
  text-align: left;
  font-size: 16px;
}
.tinv-wishlist table thead tr th {
  border-bottom: 1px solid var(--eb-color-grey);
}

.d-none {
  display: none !important;
}

li.product {
  position: relative;
}
li.product a {
  display: block;
  position: relative;
  color: black !important;
}
li.product a:hover {
  color: var(--eb-color-green-hover) !important;
}
li.product a.button {
  color: white !important;
}
li.product a.button:hover {
  color: var(--eb-color-green-hover) !important;
}
li.product a.button.tinvwl_add_to_wishlist_button {
  color: var(--eb-color-green-hover) !important;
}
li.product a.button.tinvwl_add_to_wishlist_button:hover {
  color: var(--eb-color-black) !important;
}

.wc-block-components-product-sale-badge,
span.onsale,
.woocommerce span.onsale {
  font-size: 0.875em;
  font-weight: 400;
  background-color: var(--eb-color-green);
  border: 1px solid var(--eb-color-green);
  color: white;
  position: absolute;
  border-radius: 0px;
  padding: 0px 10px;
  top: 0px;
  right: 0px;
  border-bottom-left-radius: 12px;
  left: auto;
  bottom: auto;
  text-transform: uppercase;
  display: inline-block;
  line-height: 30px;
  min-height: auto;
  margin: 0px;
}

.softline {
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
}

.page-id-9 .wc-block-product-ve {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 940px) {
  .page-id-9 .wc-block-product-ve {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 680px) {
  .page-id-9 .wc-block-product-ve {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-9 .wc-block-product-ve li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-before: 0px;
          margin-block-start: 0px;
  text-align: center;
  padding: 5px;
}
.page-id-9 .wc-block-product-ve li img {
  aspect-ratio: 1;
  height: auto;
}
.page-id-9 .wc-block-product-ve li .button,
.page-id-9 .wc-block-product-ve li .tinvwl_add_to_wishlist_button {
  font-size: 14px;
}

.wc-block-cart-item__product .wc-block-components-product-metadata,
.wc-block-components-order-summary-item .wc-block-components-product-metadata,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-metadata {
  display: none;
}

.woocommerce-checkout-review-order .woocommerce-Price-amount {
  font-size: 16px;
}
.woocommerce-checkout-review-order {
  font-size: 16px;
}
.woocommerce-checkout-review-order .ve-shipping-method-heading {
  display: block;
  margin-top: 30px;
}
.woocommerce-checkout-review-order .ve-shipping-method-heading th {
  display: block;
  width: auto;
  border: 0;
  padding: 0 0 10px;
  text-align: left;
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals {
  display: grid;
  grid-template-columns: 1fr;
  width: auto;
  margin-bottom: 30px;
  padding: 16px 18px;
  background-color: #f5f7ee;
  border: 1px solid var(--eb-color-green);
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals th,
.woocommerce-checkout-review-order .woocommerce-shipping-totals td {
  display: block;
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  text-align: left;
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals th {
  padding-bottom: 8px;
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals ul#shipping_method {
  margin: 0;
  text-align: left;
}
.woocommerce-checkout-review-order .woocommerce-shipping-totals ul#shipping_method li {
  padding: 3px 0;
}

.ve-shipping-method-block {
  margin: 30px 0;
}
.ve-shipping-method-block h3 {
  margin-bottom: 10px;
}
.ve-shipping-method-block .ve-shipping-method-options {
  padding: 16px 18px;
  background-color: #f5f7ee;
  border: 1px solid var(--eb-color-green);
}
.ve-shipping-method-block .ve-shipping-method-label {
  padding-bottom: 8px;
  font-weight: 600;
}
.ve-shipping-method-block ul#shipping_method {
  margin: 0;
  text-align: left;
}
.ve-shipping-method-block ul#shipping_method li {
  padding: 3px 0;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.woocommerce-checkout #payment {
  font-size: 14px;
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-bottom: 25px;
  background-color: white;
  border-radius: 0px;
}
.woocommerce-billing-fields div.payment_box,
.woocommerce-shipping-fields div.payment_box,
.woocommerce-additional-fields div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #e0e0e0;
}
.woocommerce-billing-fields div.payment_box::before,
.woocommerce-shipping-fields div.payment_box::before,
.woocommerce-additional-fields div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  display: none;
  border: 1em solid #e0e0e0;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
.woocommerce-checkout #payment h3 {
  font-size: 18px;
}

.woocommerce-page table.shop_table {
  width: 100%;
}

.wc-block-cart-item__total,
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
  display: none;
}

.woocommerce form.login,
.woocommerce form.register {
  min-height: 400px;
  height: calc(100% - 180px);
}
.woocommerce a.remove {
  border-radius: 3px;
  background-color: var(--eb-color-grey);
  color: white;
}

.woocommerce .woocommerce-account #customer_login {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 940px) {
  .woocommerce .woocommerce-account #customer_login {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }
}
.woocommerce .woocommerce-account #customer_login {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.woocommerce .woocommerce-account #customer_login .col2-set .col-1,
.woocommerce .woocommerce-account #customer_login .col2-set .col-2 {
  height: 100%;
}
@media (max-width: 940px) {
  .woocommerce .woocommerce-account #customer_login .col2-set .col-1,
  .woocommerce .woocommerce-account #customer_login .col2-set .col-2 {
    float: none;
    width: 100%;
    height: auto;
    min-height: auto;
  }
}
.woocommerce .woocommerce-account #customer_login .col2-set .col-1 form.login,
.woocommerce .woocommerce-account #customer_login .col2-set .col-1 form.register,
.woocommerce .woocommerce-account #customer_login .col2-set .col-2 form.login,
.woocommerce .woocommerce-account #customer_login .col2-set .col-2 form.register {
  height: calc(100% - 180px);
}
@media (max-width: 940px) {
  .woocommerce .woocommerce-account #customer_login .col2-set .col-1 form.login,
  .woocommerce .woocommerce-account #customer_login .col2-set .col-1 form.register,
  .woocommerce .woocommerce-account #customer_login .col2-set .col-2 form.login,
  .woocommerce .woocommerce-account #customer_login .col2-set .col-2 form.register {
    height: auto;
    min-height: auto;
  }
}

.extended-form {
  display: block;
}

:has(#reg_billing_company:-moz-placeholder) .extended-form {
  display: none;
}

:has(#reg_billing_company:-ms-input-placeholder) .extended-form {
  display: none;
}

:has(#reg_billing_company:placeholder-shown) .extended-form {
  display: none;
}

main .woocommerce.tinv-wishlist .button,
main .woocommerce.tinv-wishlist button,
.woocommerce.tinv-wishlist #respond input#submit.alt,
.woocommerce.tinv-wishlist a.button.alt,
.woocommerce.tinv-wishlist button.button.alt,
.woocommerce.tinv-wishlist input.button.alt {
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 3px;
}

.woocommerce.tinv-wishlist .wishlist-action button,
.woocommerce.tinv-wishlist .wishlist-action a.button {
  width: 100%;
  display: block;
}

.woocommerce.tinv-wishlist tr td .tinvwl-to-left {
  padding-bottom: 20px;
}
.woocommerce.tinv-wishlist tr td .tinvwl-to-right {
  padding-bottom: 20px;
}
.woocommerce.tinv-wishlist #tinvwl_manage_actions {
  width: 200px;
}
.woocommerce.tinv-wishlist .tinvwl-estimate-wrap {
  display: none;
}

.coupon,
.woocommerce-cart .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-coupon {
  display: none !important;
}

.product-total {
  text-align: right;
}

.variation {
  display: none !important;
}

.cart_totals table tbody tr th + td,
.woocommerce-checkout-review-order-table tr th + td,
.woocommerce-shipping-totals th + td,
.cart-discount th + td,
.cart-subtotal th + td {
  text-align: right;
}

/* === Classic mini cart drawer styled like WooCommerce Blocks mini cart === */
/* Works with the markup from the earlier drawer example:
   .cart-drawer-overlay, .cart-drawer, .cart-drawer__header, .cart-drawer__body
   and WooCommerce classic mini cart output (.woocommerce-mini-cart, .mini_cart_item, etc.)
*/
/* Overlay */
.cart-drawer-overlay {
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
  z-index: 999998;
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
}

/* Drawer shell */
.cart-drawer {
  background: #fff;
  -webkit-box-shadow: -18px 0 48px rgba(0, 0, 0, 0.22);
          box-shadow: -18px 0 48px rgba(0, 0, 0, 0.22);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 999999;
  -webkit-transition: -webkit-transform 0.22s ease;
  transition: -webkit-transform 0.22s ease;
  transition: transform 0.22s ease;
  transition: transform 0.22s ease, -webkit-transform 0.22s ease;
}

/* Header */
.cart-drawer__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

.cart-drawer__header strong {
  font-size: 16px;
  font-weight: 600;
}

.cart-drawer__close {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cart-drawer__close:hover {
  background: rgba(0, 0, 0, 0.04);
}

/* Body spacing similar to Blocks */
.cart-drawer__body {
  padding: 16px;
}

.cart-drawer .widget_shopping_cart_content {
  font-size: 14px;
  line-height: 1.35;
}

/* Empty cart */
.cart-drawer .woocommerce-mini-cart__empty-message {
  margin: 0;
  padding: 12px 0;
  color: rgba(0, 0, 0, 0.65);
}

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

/* Mini cart item row (Blocks-like card row) */
.cart-drawer li.woocommerce-mini-cart-item {
  grid-column: 2/-1;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 64px 12px 1fr;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Product image */
.cart-drawer li.woocommerce-mini-cart-item a img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0;
}

/* Product link/name: Woo outputs name inside <a> with image */
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a,
.cart-drawer li.woocommerce-mini-cart-item > a {
  grid-column: 1/-1; /* allow the link to span, but keep image styled above */
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 64px 12px 1fr;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-decoration: none;
  color: inherit;
}

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

/* Make the text part look like Blocks */
.cart-drawer li.woocommerce-mini-cart-item > a:not(.remove) {
  font-weight: 600;
}

/* Quantity/price line */
.cart-drawer li.woocommerce-mini-cart-item .quantity {
  -ms-grid-column: 2;
  grid-column: 2;
  color: rgba(0, 0, 0, 0.68);
  font-weight: 400;
  margin-top: 4px;
  display: inline-block;
}

.cart-drawer li.woocommerce-mini-cart-item .woocommerce-Price-amount {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.82);
}

/* Remove button – small circular icon in top-right */
.cart-drawer li.woocommerce-mini-cart-item a.remove {
  position: absolute;
  top: 10px;
  right: 0;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 18px;
}

.cart-drawer li.woocommerce-mini-cart-item a.remove:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.85);
}

/* Totals */
.cart-drawer .woocommerce-mini-cart__total {
  margin: 16px 0 12px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  font-weight: 600;
}

.cart-drawer .woocommerce-mini-cart__total strong {
  font-weight: 600;
}

/* Buttons (Blocks-like stacked CTAs) */
.cart-drawer .woocommerce-mini-cart__buttons {
  margin: 0;
  display: -ms-grid;
  display: grid;
  gap: 10px;
}

.cart-drawer .woocommerce-mini-cart__buttons .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  border-radius: 0px;
  border: 2px solid var(--eb-color-green);
  background-color: white;
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  font-weight: 600;
}

.cart-drawer .woocommerce-mini-cart__buttons .button:hover {
  background: rgba(0, 0, 0, 0.04);
}

/* Make checkout primary */
.cart-drawer .woocommerce-mini-cart__buttons .checkout {
  background-color: var(--eb-color-green);
  color: white;
}

.cart-drawer .woocommerce-mini-cart__buttons .checkout:hover {
  -webkit-filter: brightness(1.08);
          filter: brightness(1.08);
}

/* Optional: style the drawer toggle button a bit like a blocks icon button */
.cart-drawer-toggle {
  display: block;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  padding: 0px;
  text-align: center;
  width: 45px;
  height: 45px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
}
.cart-drawer-toggle svg {
  height: 100%;
  margin: 0;
  width: 60%;
  display: inline-block;
  fill: #FFFFFF;
}

.cart-drawer-toggle__count {
  position: absolute;
  right: -7px;
  top: -7px;
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  z-index: 500;
}

.woocommerce-checkout .cart-drawer-toggle {
  display: none;
}

/* Mobile tweaks */
@media (max-width: 480px) {
  .cart-drawer__body {
    padding: 14px;
  }
  .cart-drawer li.woocommerce-mini-cart-item {
    -ms-grid-columns: 56px 1fr;
    grid-template-columns: 56px 1fr;
  }
  .cart-drawer li.woocommerce-mini-cart-item a img {
    width: 56px;
    height: 56px;
  }
  .cart-drawer li.woocommerce-mini-cart-item > a {
    -ms-grid-columns: 56px 1fr;
    grid-template-columns: 56px 1fr;
  }
}
.product [class^=ftinvwl-], .product [class*=" ftinvwl-"] {
  font-family: var(--wp--preset--font-family--archivo) !important;
  font-size: 14px !important;
}

button[name=tinvwl-action-product_update] {
  display: none !important;
}

.no-tab {
  pointer-events: none;
}

/* Badge über Produktbild auf Detailseite */
.woocommerce div.product div.images {
  position: relative;
}

.woocommerce div.product .new-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #ff0000;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  z-index: 99;
  text-transform: uppercase;
}

/* Badge über Produktbild im Shop/Archiv */
.woocommerce ul.products li.product {
  position: relative;
}

.woocommerce ul.products li.product .new-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ff0000;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  z-index: 99;
}

.new-badge {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  background: #ff0000 !important;
  color: #fff !important;
  padding: 8px 15px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border-radius: 3px !important;
  z-index: 9999 !important;
  display: block !important;
}

/* Filter button */
.wpc-filters-section > .wpc-sticky-buttons > .wpc-filters-submit-button {
  background-color: var(--eb-color-green);
  color: white !important;
  border: 1px solid var(--eb-color-green) !important;
}

.wpc-filters-section > .wpc-sticky-buttons > .wpc-filters-submit-button:hover {
  background-color: white !important;
  color: var(--eb-color-green) !important;
}

/* Original Loading-Bar neutralisieren */
.wp-interactivity-router-loading-bar {
  height: 0 !important;
  background: transparent !important;
  opacity: 1 !important; /* damit das ::after sichtbar bleibt */
  -webkit-transform: none !important;
          transform: none !important; /* Bar-Slide-Animation deaktivieren */
}

/* Spinner statt Bar */
.wp-interactivity-router-loading-bar::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  border-top-color: var(--wp--preset--color--primary, #345C00);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

/* Spinner nur während der Navigation einblenden + drehen */
.wp-interactivity-router-loading-bar.start-animation::after {
  opacity: 1;
  -webkit-animation: wp-router-spinner 0.7s linear infinite;
          animation: wp-router-spinner 0.7s linear infinite;
}

/* Weiss-transparenter Backdrop über die ganze Seite */
.wp-interactivity-router-loading-bar::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  pointer-events: none;
  z-index: 99998; /* unter dem Spinner (99999) */
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

/* Backdrop nur während der Navigation einblenden */
.wp-interactivity-router-loading-bar.start-animation::before {
  opacity: 1;
  pointer-events: auto; /* blockt Klicks während des Ladens */
}

@-webkit-keyframes wp-router-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes wp-router-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.woocommerce-MyAccount-content > p,
.woocommerce-view-order .woocommerce-order-overview .woocommerce-order-overview__order-status,
.woocommerce-view-order mark.order-status {
  display: none;
}

/* Search result page loading state */
.wp-block-search__button {
  position: relative;
}
.wp-block-search__button.is-loading {
  cursor: wait;
}
.wp-block-search__button.is-loading .search-icon {
  opacity: 0;
}
.wp-block-search__button.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.1em;
  height: 1.1em;
  margin: -0.55em 0 0 -0.55em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: swp-button-spin 0.6s linear infinite;
          animation: swp-button-spin 0.6s linear infinite;
}

@-webkit-keyframes swp-button-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swp-button-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.h2-jump-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #f5f5f5;
}

.h2-jump-nav .h2-jump-btn {
  display: inline-block;
  padding: 0.6rem 1rem;
  background: var(--eb-color-green) !important;
  color: #fff !important;
  text-decoration: none;
  font-size: 0.9rem;
}

.h2-jump-nav .btn-info {
  display: inline-block;
  padding: 0.6rem 1rem;
  text-decoration: none;
  font-size: 0.9rem;
}

.h2-jump-nav .h2-jump-btn:hover {
  opacity: 0.8;
}