/* =========================
   Original-Kadence-Submenus IMMER verstecken
   ========================= */
.header-navigation .header-menu-container ul ul {
  display: none !important;       /* nicht sichtbar */
  visibility: hidden !important;  /* unsichtbar */
  opacity: 0 !important;
  pointer-events: none !important; /* keine Interaktion */
}

/* =========================
   Primary Menu Container
   ========================= */
.primary-menu-container.header-menu-container {
  will-change: auto !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* Wrapper freigeben */
#wrapper.site.wp-site-blocks {
  overflow: visible !important;
}

/* Container für das Menü */
body div.primary-menu-container {
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  padding-right: 60px;
  min-height: 60px;
  height: auto !important;
  width: 100%;
  max-width: 1000px;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  transition: transform 0.3s ease;
  margin-left: 0px;
}

/* Reserve am Ende */
.primary-menu-container::after {
  content: "";
  display: block;
  width: 80px;
  flex-shrink: 0;
}

/* Erster Menüpunkt links: Platz für Logo */
.primary-menu-container .menu > li:first-child {
  margin-left: 470px;
}

/* Menü selbst */
.primary-menu-container .menu {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  margin-left: 0;
  padding-left: 0;
}

/* =========================
   Submenu / Dropdown
   ========================= */
.header-navigation .header-menu-container ul ul {
  display: none;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
  min-width: 220px;
  list-style: none !important;
  padding: 0;
  margin: 0;
  background: #fff; /* Weiße Box, funktioniert */
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-radius: 6px;
}

/* Moved Submenu Container */
.moved-submenu {
  display: block;                       /* wichtig, sonst Balken */
  position: absolute !important;        /* absolute Position vom Script */
  top: 100%;                            /* direkt unter dem Menüpunkt */
  left: 0;                              /* Script überschreibt dynamisch */
  min-width: 220px;                     /* Mindestbreite */
  padding: 0.5em 0;                     /* Höhe der Box */
  margin: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.85); /* halbtransparent, Glass */
  backdrop-filter: blur(6px);           /* Blur für Glass-Effekt */
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-radius: 6px;
  z-index: 99999;
}

/* Submenu Links */
.moved-submenu li.menu-item > a {
  display: block;
  padding: 0.8em 1.2em;
  color: var(--global-palette4);
  background: transparent;
  text-decoration: none;
  text-transform: none;
  font-size: 15px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

/* Hover / Active Submenu */
.moved-submenu li.menu-item:hover > a,
.moved-submenu li.menu-item.focus > a,
.moved-submenu li.menu-item.current-menu-item > a {
  color: #fff;
  background: rgba(0,0,0,0.1);
}

/* Trennlinien optional */
.moved-submenu li.menu-item + li.menu-item {
  border-top: 1px solid rgba(0,0,0,0.05);
}


/* Hauptmenü Links */
.header-navigation li.menu-item > a {
  display: block;
  width: auto;
  padding: 0.6em 1em;
  color: var(--global-palette4);
  text-decoration: none;
  font-family: var(--global-body-font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  transition: all .2s ease-in-out;
  transform: none !important;
}

/* Hover / Active Hauptmenü */
.header-navigation li.menu-item:hover > a,
.header-navigation li.menu-item.focus > a,
.header-navigation li.menu-item.current-menu-item > a {
  color: var(--global-palette9);
  background: var(--global-palette4);
}

/* Hauptmenüeinträge */
body .header-navigation li.menu-item {
  list-style: none !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  cursor: pointer !important;
  display: inline-block !important;
}

/* Optional: Suchsymbol rechts */
.menu-search-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 100000;
}

/* =========================
   Scrollbar ausblenden
   ========================= */
.primary-menu-container::-webkit-scrollbar {
  display: none;
}
.primary-menu-container {
  scrollbar-width: none; /* Firefox */
}



/* =========================
   Restliche Site
   ========================= */

.grid-cols {
    row-gap: 5px;
}
div.woocommerce-tabs.wc-tabs-wrapper
{
	display:none;
}
span.wc-gzd-additional-info.shipping-costs-info
{
	display:none;
}
fieldset select.kt-no-select2
{
	 display:none; 
}

:where(.wp-block-columns),
.kt-inside-inner-col :where(.wp-block-columns)
html :where(.wp-block),
.editor-styles-wrapper .block-editor-block-list__block.wp-block-columns
{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

/*--------------------------------
* Produktkarte(n) Wrapper li
*--------------------------------*/
ul.products li.entry.loop-entry
{
	position: relative;
	overflow: hidden;
}

/*--------------------------------
* Produktkarte(n)
*--------------------------------
.productCard
{
	position: relative;
	overflow: hidden;
	user-select: none;
/*	transition: none !important; 
}
*/

.productCard {
  border: 1px solid #ddd;
  border-radius: 20px; /* gleiche Rundung wie vorher */
  overflow: hidden; /* verhindert abgeschnittene Schatten */
  box-shadow: inset 0 0 0 1px #ddd;
  transition: box-shadow 0.2s ease;
}
.productCard:hover {
  box-shadow: inset 0 0 0 1px #ddd, 0 4px 12px rgba(0, 0, 0, 0.1);
}


/*--------------------------------
* Produktkarten: Inhaltsbereich
*--------------------------------*/
.kt-inside-inner-col
{
	z-index: 2;
}

.header-navigation .header-menu-container ul ul.sub-menu
{
	background: rgba(20, 20, 20, 0.7);
}
.header-navigation .header-menu-container ul ul li.menu-item:hover
{
background: rgba(20, 20, 20, 0.6);
}

.wc-add-to-cart-icon.wc-add-to-cart-no-text .add_to_cart_button.text_replaceable, .wc-add-to-cart-icon.wc-add-to-cart-no-text .single_add_to_cart_button .single_add_to_cart_button:before
{
	padding: 0 18px 0 18px;
	height:44px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.text_replaceable::before
{
	left: 27px;
}

.woocommerce div.product form.cart div.quantity {
	float: left;
	margin: 0 4px 0 0;
	display: flex;
	align-items: center;
}

button.single_add_to_cart_button{
	margin: 0 0 0 4px;
	height: 48px;
}

select#pa_schaerfe {
/*margin-top: 36px;*/
}

.product p.wc-gzd-additional-info
{
	display: none;
}

span.posted_in
{
	display: none;
}

/* Nur auf das ProductImage im Loop Template anwenden */
.kwt-image-wrap.kwt-image-loop.productImage {
    border-top-right-radius: 20px;
    overflow: hidden; /* wichtig, sonst bleibt das Bild eckig */
}

.kwt-image-wrap.kwt-image-loop.productImage img {
    border-top-right-radius: 20px;
}

/* Hintergrund der Produktkarte transparent machen */
.productCard {
    background: transparent !important;
}

.quantity.spinners-added {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px; /* Abstand zwischen den Elementen */
    width: auto; /* oder eine feste Breite, z. B. 120px */
}

.quantity.spinners-added input[type="number"] {
    width: 40px;
    text-align: center;
}

.quantity.spinners-added button {
    width: 30px;
    height: 30px;
    padding: 0;
    flex-shrink: 0;
}

/* Kadence Spaltenblock */
.wp-block-kadence-column {
    background-color: transparent !important;
}

/* WooCommerce Produktbereich */
.woocommerce-page,
.woocommerce,
.woocommerce ul.products,
.woocommerce div.product {
    background-color: transparent !important;
}

/* Allgemeine Templatebereiche */
.site-content,
.content-area,
.entry-content {
    background-color: transparent !important;
}

/* Optional: Box-Schatten entfernen */
.wp-block-kadence-column,
.woocommerce ul.products li.product {
    box-shadow: none !important;
}

.ui-datepicker {
    z-index: 999999 !important;
}