@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//bierlovers.ch/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.1") format("woff2");
	font-display:swap;
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://bierlovers.ch/wp-content/uploads/2021/09/electronics-2-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgba(33,122,211,0.39);
	background-image: url(https://bierlovers.ch/wp-content/uploads/revslider/electronics-2/white-electronics-s1-bg-1-opt.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:600;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(42,164,234);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgba(221,153,51,0.17);
	background-image: none;
}

.woodmart-archive-shop:not(.single-product) .main-page-wrapper{
	background-color:rgba(221,153,51,0.18);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(67,176,42);
}
:root{
--btn-accented-bgcolor-hover:rgb(64,160,47);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
									--wd-form-brd-radius: 35px;
			
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-accented-brd-radius: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
			div.wd-popup.wd-age-verify {
			max-width: 500px;
		}
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
.single-product .woocommerce-product-gallery {
    display: none !important;
}

/* ==========================================================================
   1. GLASSMORPHISM HOVER EFFECT FOR PRODUCT CARDS
   ========================================================================== */
.product-grid-item:hover .product-wrapper,
.product-grid-item.state-hover .product-wrapper {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

.product-grid-item:hover .content-product-imagin,
.product-grid-item.state-hover .content-product-imagin,
.product-grid-item:hover .wrapp-swatches,
.product-grid-item.state-hover .wrapp-swatches,
.product-grid-item:hover .wrapp-swatches *,
.product-grid-item.state-hover .wrapp-swatches * {
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   2. HIDE DESCRIPTION IN CATALOG/GRID
   ========================================================================== */
.product-grid-item .wd-more-desc,
.product-grid-item .more-desc {
    display: none !important;
}

/* ==========================================================================
   3. TEXT READABILITY ON HOVER (ALL BLACK EXCEPT BLUE BUTTONS)
   ========================================================================== */
.product-grid-item:hover .wd-entities-title a,
.product-grid-item.state-hover .wd-entities-title a,
.product-grid-item:hover .wd-product-cats,
.product-grid-item.state-hover .wd-product-cats,
.product-grid-item:hover .wd-product-cats a,
.product-grid-item.state-hover .wd-product-cats a,
.product-grid-item:hover .price,
.product-grid-item.state-hover .price,
.product-grid-item:hover .price *,
.product-grid-item.state-hover .price *,
.product-grid-item:hover .wd-wishlist-btn a,
.product-grid-item.state-hover .wd-wishlist-btn a,
.product-grid-item:hover .quick-view a,
.product-grid-item.state-hover .quick-view a {
    color: #000000 !important;
}

.product-grid-item:hover .add_to_cart_button,
.product-grid-item.state-hover .add_to_cart_button,
.product-grid-item:hover .add_to_cart_button *,
.product-grid-item.state-hover .add_to_cart_button * {
    color: #ffffff !important;
}

/* ==========================================================================
   4. GLOBAL BLACK TEXT FOR VISIBILITY ON ORANGE BACKGROUND
   ========================================================================== */
body .nav-link-text,
body .nav-link-count,
body .category-grid-item .count,
body .wd-nav-product-cat .count,
body .nav-link-summary {
    color: #000000 !important;
}

body .woocommerce-breadcrumb, 
body .woocommerce-breadcrumb a, 
body .woocommerce-breadcrumb span, 
body .breadcrumbs a {
    color: #000000 !important;
    opacity: 1 !important;
}

body .per-page-title,
body .per-page-variation, 
body .per-page-variation span,
body .wd-products-per-page a, 
body .woocommerce-result-count {
    color: #000000 !important;
    opacity: 1 !important;
}

body .wd-product-cats, 
body .wd-product-cats a, 
body .product-grid-item .wd-product-cats a {
    color: #000000 !important;
}

body .woocommerce-Price-amount, 
body .woocommerce-Price-amount bdi,
body .price .amount, 
body .price ins .amount, 
body .price del .amount,
body .product-grid-item .price, 
body .product-grid-item .price *,
body .wd-entities-title + .price, 
body .wd-price,
body span.amount, 
body bdi .woocommerce-Price-currencySymbol {
    color: #000000 !important;
}

body .per-page-variation span,
body .per-page-title {
    color: #000000 !important;
}

body .woocommerce-ordering,
body .orderby,
body select.orderby {
    color: #000000 !important;
}

body select,
body .dgwt-wcas-search-wrapp select,
body .dgwt-wcas-search-form select,
body .search-by-category select,
body .select2-container,
body .select2-selection,
body .select2-selection__rendered,
body .select2-selection__placeholder {
    color: #000000 !important;
}

/* Ensure all input placeholders in search forms are black */
body input.s::placeholder,
body input.s::-webkit-input-placeholder,
body input.s::-moz-placeholder,
body input.s:-ms-input-placeholder,
body .dgwt-wcas-search-input::placeholder,
body .dgwt-wcas-search-input::-webkit-input-placeholder,
body .dgwt-wcas-search-input::-moz-placeholder,
body .dgwt-wcas-search-input:-ms-input-placeholder,
body .searchform input[type="text"]::placeholder,
body .searchform input[type="text"]::-webkit-input-placeholder,
body .searchform input[type="text"]::-moz-placeholder,
body .searchform input[type="text"]:-ms-input-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Also ensure typed text inside search input is black */
body input.s,
body .dgwt-wcas-search-input,
body .searchform input[type="text"] {
    color: #000000 !important;
}

/* Search category selector dropdown text */
body .searchform .wd-search-cat > a,
body .searchform .wd-search-cat > a span,
body .wd-search-cat > a,
body .wd-search-cat > a span {
    color: #000000 !important;
}

/* Price Filter widget labels and min/max amounts */
body .widget_price_filter .price_label,
body .widget_price_filter .price_label span,
body .price_label,
body .price_label span,
body .price_slider_amount,
body .price_slider_amount span {
    color: #000000 !important;
    opacity: 1 !important;
}

/* 1. Make Footer and Pre-footer Transparent */
.wd-prefooter,
.footer-container {
    background-color: transparent !important;
    background-image: none !important;
}

/* 2. Make Copyright text in footer white */
body .min-footer,
body .min-footer a,
body .min-footer span,
body .copyrights-wrapper,
body .copyrights-wrapper a,
body .copyrights-wrapper span {
    color: #ffffff !important;
}

/* Prevent Logo from shifting up into the Top Bar on Desktop */
@media (min-width: 1025px) {
    body .whb-general-header .site-logo,
    body .whb-general-header .wd-logo {
        align-self: flex-start !important;
    }
    body .whb-main-header .site-logo img, 
    body .whb-main-header .wd-logo img {
        margin-top: 15px !important;
    }
}

/* Scale down mobile/tablet logo to fit smaller headers */
@media (max-width: 1024px) {
    body .whb-main-header .site-logo img, 
    body .whb-main-header .wd-logo img {
        max-height: 110px !important;
        width: auto !important;
    }
}

/* Hide page title on mobile to prevent overlap with logo */
@media (max-width: 1024px) {
    body .page-title h1,
    body .page-title .title,
    body .wd-page-title,
    body .page-title-default .entry-title {
        display: none !important;
    }
}

/* Push mobile Kategorien menu down to sit below the logo */
@media (max-width: 1024px) {
    body .page-title.title-shop {
        padding-top: 95px !important;
    }
}

/* ==========================================================================
   5. SINGLE PRODUCT PAGE LAYOUT CENTERING (FOR FULL-WIDTH NO-GALLERY LAYOUT)
   ========================================================================== */
/* Enable flex wrap on the parent summary container */
.summary-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* Breadcrumbs: make navigation absolute and center breadcrumbs */
.summary-inner .single-breadcrumbs-wrapper {
  width: 100% !important;
  text-align: center !important;
}
.summary-inner .single-breadcrumbs {
  position: relative !important;
  justify-content: center !important;
}
.summary-inner .wd-breadcrumbs {
  text-align: center !important;
  flex: 1 1 auto !important;
}
.summary-inner .woocommerce-breadcrumb {
  justify-content: center !important;
  display: inline-flex !important;
}
.summary-inner .wd-products-nav {
  position: absolute !important;
  right: 0 !important;
}

/* Center Title */
.summary-inner .product_title {
  width: 100% !important;
  text-align: center !important;
}
@media (min-width: 1025px) {
    .single-product .summary-inner .product_title {
        max-width: 600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Center Price */
.summary-inner .price {
  width: 100% !important;
  text-align: center !important;
}

/* Center Add-to-Cart form */
.summary-inner form.cart {
  width: 100% !important;
  justify-content: center !important;
}

/* Center Wishlist and Compare buttons side-by-side */
.summary-inner .wd-compare-btn {
  width: 50% !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
  margin: 0 0 20px 0 !important;
}
.summary-inner .wd-wishlist-btn {
  width: 50% !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
  padding-left: 10px !important;
  box-sizing: border-box !important;
  margin: 0 0 20px 0 !important;
}

/* Align Kategorie, Schlagwort, Share in a single centered line */
.summary-inner .product_meta {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 15px 0 0 !important;
  gap: 15px !important;
}
.summary-inner .product_meta .posted_in,
.summary-inner .product_meta .tagged_as {
  display: inline-flex !important;
  margin: 0 !important;
}
.summary-inner .product_meta .posted_in a:first-of-type,
.summary-inner .product_meta .tagged_as a:first-of-type {
  margin-left: 6px !important;
}
.summary-inner .product_meta .tagged_as {
  font-size: 0 !important;
}
.summary-inner .product_meta .tagged_as a {
  font-size: 14px !important; /* woodmart standard metadata size */
}
.summary-inner .product_meta .tagged_as::before {
  content: "Herkunft: " !important;
  font-size: 14px !important;
  color: rgb(51, 51, 51) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
}
.summary-inner .product-share {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--brdcolor-gray-300) !important;
}

/* Responsive top padding for single product content wrapper */
@media (min-width: 1025px) {
    .single-product .main-page-wrapper {
        padding-top: 10px !important;
    }
}
@media (max-width: 1024px) {
    .single-product .main-page-wrapper {
        padding-top: 95px !important;
    }
}
.single-product .product-images {
    display: none !important;
}

/* Hide breadcrumbs text on single product details page ONLY on Desktop */
@media (min-width: 1025px) {
    .single-product .woocommerce-breadcrumb,
    .single-product .yoast-breadcrumbs {
        display: none !important;
    }
}