/* 
Theme Name: Pfeffermond Child Theme
Theme URI: https://github.com/Pfeffermond-GmbH/wordpress-child-theme-template
Description: Child Theme for Hello Elementor Theme, created by mi-marketing/Pfeffermond
Author: mi-marketing/Pfeffermond
Author URI: https://www.mi-marketing.de/
Template: hello-elementor
Version: 1.3.6
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
*/

/*
    Add your custom styles here
*/

/* Fonts */
@font-face {
  font-family: 'Roboto Mono';
  src: url('assets/fonts/roboto-mono.woff2') format('woff2'),
    url('assets/fonts/roboto-mono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/* Colors
var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent)
*/


#wpadminbar {
  background-color: #111830 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #dedede;
}

::-webkit-scrollbar-thumb {
  background: var(--e-global-color-primary);
  transition: 0.3s;
}

/* Full Width Container */
:is(.elementor-section-wrap, [data-elementor-id])>.e-con {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

:root {
  --viewport-whitespace: calc(min(100vw, 1920px) - var(--container-max-width, min(94vw, 1400px)));
  --viewport-whitespace-single: calc(var(--viewport-whitespace) / 2);
  --font-size-basic: clamp(18px, 1.85vw, 20px);
}

/* Default Search Input Styling */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}


/*  Text Links Highlight Accessibility */
.elementor p a,
.elementor-field-option a {
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: all 0.2s
}

.elementor p a:hover,
.elementor-field-option a:hover {
  text-underline-offset: 2px;
}

/* Breadcrumbs */
.elementor-widget-breadcrumbs {
  font-size: inherit;
}

/* Icon White */
.icon-white-stroke svg,
.icon-white-stroke svg>* {
  stroke: #fff;
}

/* Icon Primary */
.icon-primary-stroke svg,
.icon-primary-stroke svg>* {
  stroke: var(--e-global-color-primary);
}

/* Icon Text */
.icon-text-stroke svg,
.icon-text-stroke svg>* {
  stroke: var(--e-global-color-primary);
}

/* Hero */
.qd_hero {
  aspect-ratio: 16 / 6;
}

@media only screen and (min-width: 768px) {
  .qd_hero:has(.elementor-background-video-container) {
    background-image: none !important;
  }
}

.qd_hero_mobile .swiper-slide,
.qd_hero_mobile .swiper-slide-bg:before {
  aspect-ratio: 16 / 6;
}

.qd_hero_mobile .swiper-slide-bg{
  position: relative;
}

.qd_hero_mobile .swiper-slide-bg:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--e-global-color-3790200);
  opacity: 0.45;
}

.qd_hero_mobile .swiper .elementor-swiper-button{
  top: unset;
  bottom: 0px;
  z-index: 9999;
}

.qd_hero_mobile .swiper .elementor-swiper-button-prev{
  left: 0;
}

.qd_hero_mobile .swiper .elementor-swiper-button-next{
  right: 0;
}

/* Product Teaser */
.qd_product-teaser .short-descr {
  display: none;
}

.qd_product-teaser.active .border-bottom,
.qd_product-teaser.active .border-bottom .elementor-widget-container,
.qd_product-teaser:hover .border-bottom,
.qd_product-teaser:hover .border-bottom .elementor-widget-container {
  transition: border 0.5s ease-in-out;
  border-bottom-color: var(--e-global-color-accent) !important;
}

/* Category Teaser */
.qd_pcat_teaser_link {
  display: none;
}

.qd_pcat_teaser {
  background-size: cover;
  background-position: center;
  max-width: 100%;
}

.qd_pcat_teaser:hover .qd_pcat_teaser_link {
  display: flex;
}

/* Carousel */
.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg,
.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {
  fill: none;
  stroke: var(--e-global-color-primary);
}

.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next:hover svg,
.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {
  fill: none;
  stroke: var(--e-global-color-accent);
}

.carousel-alt.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg,
.carousel-alt.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {
  stroke: #fff;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet,
.qd_hero_mobile .swiper-pagination-bullet{
  width: 32px;
  height: 8px;
  border-radius: 0px;
}

.elementor-widget-loop-carousel:not(:has(.swiper-pagination-bullet)) .elementor-swiper-button {
  display: none;
}

.elementor-widget-loop-carousel .swiper-slide.product {
  padding: 4px;
}

/* Show / Hide */
.qd_hide {
  display: none;
}

body.archive.category .qd_hide_contact,
body.single-product .qd_hide_contact,
body.home .qd_hide_contact {
  display: none;
}

/* Sale */
.woocommerce del:has(.amount) {
  opacity: 0.7;
}

.woocommerce ins:has(.amount) {
  text-decoration: none;
}

.qd_product-teaser .woocommerce ins:has(.amount) {
  font-weight: normal;
}

.elementor-widget-woocommerce-product-images span.onsale{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    color: var(--e-global-color-eae96d0);
	background-color: var(--e-global-color-16130d9);
    padding: 4px 8px 7px 8px !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-16130d9);
	border-radius: 0;
	min-width: unset;
	min-height: unset;
}

/* Technische Details Tabelle */
.technical-details-table {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.technical-details-table__row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  box-shadow: 1px 1px 6px -3px rgba(255, 255, 255, 0.28);
}

.technical-details-table__row>div {
  padding: 25px;
  border: 1px solid #1e293d;
  border-left: none;
  border-right: none;
}

.technical-details-table__row-label {
  width: 35%;
  font-family: var(--e-global-typography-secondary-font-family);
  font-weight: var(--e-global-typography-secondary-font-weight);
}

.technical-details-table__row-value {
  width: 65%;
  background-color: rgba(255, 255, 255, 0.05);
}

/* Menu Btn */
.menu-item.btn-accent a,
.menu-item.btn-white a {
  padding: 4px 14px 4px 14px !important;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  color: var(--e-global-color-text) !important;
  font-weight: 600 !important;
  margin: 12px auto;
}

.menu-item.btn-accent a {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}

.menu-item.btn-accent a:hover {
  box-shadow: 0 0 0 3px var(--e-global-color-accent);
}

.menu-item.btn-white a {
  background-color: var(--e-global-color-f781c2c);
  border-color: var(--e-global-color-f781c2c);
}

.menu-item.btn-white a:hover {
  box-shadow: 0 0 0 3px var(--e-global-color-f781c2c);
}

/* Nammert Frame */
@media only screen and (min-width: 768px){
  .elementor-page .nc-modal-dialog {
    margin: auto;
    height: 100dvh;
    display: flex;
    align-items: center;
  }
}

.nammert-frame .nc-container{
  max-width: unset !important;
  padding: 0 !important;
}

.nammert-frame .nc-container .nc-page label,
.nammert-frame .nc-container .nc-page h4,
.nammert-frame .nc-checkbox-modal-component i,
.nammert-frame .nc-modal-component>button,
.nammert-frame .nc-modal-component>button i,
.nammert-frame .nc-container .nc-sub-total-component,
.nammert-frame .nc-container .nc-page-navigation .nc-btn-outline-secondary i,
.nammert-frame .nc-container .nc-page-navigation .nc-btn-success>i,
.elementor-page .nc-modal-component .nc-modal .nc-modal-body
{
  color: var(--e-global-color-text);
}

.nammert-frame .nc-container .nc-page label,
.nammert-frame .nc-container .nc-sub-total-component{
  font-size: var(--font-size-basic);
  line-height: 1.5;
}

.elementor-page .nc-modal-component .nc-modal .nc-modal-body{
  font-size: var(--e-global-typography-4d0909c-font-size, 15px);
}

.elementor-page .nc-modal-component .nc-modal .nc-modal-header h5{
  font-family: var(--e-global-typography-secondary-font-family);
  font-size: var(--font-size-basic);
  line-height: 1.5;
  color: var(--e-global-color-text);
}

.nammert-frame .nc-modal-component>button,
.nammert-frame .nc-checkbox-modal-component>button.nc-btn-xs{
  padding: 4px;
  font-size: 14px;
  background-color: #e9ecef;
  border: 1px solid #e9ecef;
  box-shadow: none;
}

.nammert-frame .nc-modal-component>button:hover,
.nammert-frame .nc-checkbox-modal-component>button.nc-btn-xs:hover{
  background-color: #e9ecef;
  border: 1px solid var(--e-global-color-text);
  box-shadow: none;
  color: var(--e-global-color-text);
}

.nammert-frame .nc-page-navigation .nc-btn i{
  display: none;
}

/* Tablet-Stile */
@media only screen and (max-width: 1024px) {}


/* Mobile */
@media only screen and (max-width: 767px) {

  /* Hero */
  .qd_hero,
  .qd_hero_mobile .swiper-slide,
  .qd_hero_mobile .swiper-slide-bg:before {
    aspect-ratio: 4 / 3.8;
  }

  /* Carousel */
  .elementor-widget-loop-carousel .swiper-pagination-bullet,
  .qd_hero_mobile .swiper-pagination-bullet {
    width: 16px;
  }

  /* Technische Details Tabelle */
  .technical-details-table {
    padding: 0;
    gap: 0;
  }

  .technical-details-table__row>div {
    padding: 15px;
  }

  .technical-details-table__row-label,
  .technical-details-table__row-value {
    width: 100%;
  }

}