/* Custom CSS theme */
@charset "UTF-8";
/*Coupon Field Always visible*/
.ec-size .ec-store .ec-cart-coupon:not(.ec-cart-coupon--applied) .ec-cart-coupon__button--apply {
  display: block;
}

.ec-size .ec-store .ec-cart-coupon .ec-cart-coupon__wrap {
  visibility: visible;
  display: flex;
  align-items: center;
  height: auto;
}

.ec-size .ec-store .ec-cart-coupon .ec-cart-coupon__text {
  display: none;
}

/* Container für das Suchfeld zentrieren */
.search-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  /* Volle Höhe des Viewports */
}

/* Suchfeld anpassen */
#my-search-20335360 input[type="text"] {
  font-size: 22pt;
  /* Schriftgröße des Eingabetextes */
  padding: 10px 20px;
  /* Innenabstand für bessere Nutzbarkeit */
  width: 100%;
  /* Volle Breite des Containers */
  max-width: 600px;
  /* Maximale Breite für größere Bildschirme */
  border: 1px solid #ccc;
  /* Rahmenfarbe */
  border-radius: 25px;
  /* Abgerundete Ecken */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Leichter Schatten */
  box-sizing: border-box;
  /* Berücksichtigt Padding und Border in der Breite */
}

/* Fokuszustand des Suchfelds */
#my-search-20335360 input[type="text"]:focus {
  border-color: #007BFF;
  /* Rahmenfarbe bei Fokus */
  outline: none;
  /* Entfernt den Standardfokus-Stil */
  box-shadow: 0 4px 6px rgba(0, 123, 255, 0.2);
  /* Blauer Schatten bei Fokus */
}

/* Hinweistext unter dem Suchfeld */
.search-hint {
  text-align: center;
  /* Zentriert den Text */
  font-size: 16px;
  /* Schriftgröße für den Hinweistext */
  color: #333;
  /* Gedämpfte Farbe */
  margin-top: 10px;
  /* Abstand oberhalb des Textes */
}

.ec-cart__summary {
  display: flex;
  flex-direction: column;
}

.ec-cart__discount {
  order: 0;
  /* DMG-Feld wird ganz nach oben gesetzt */
}

.ec-cart__subtotal {
  order: 1;
  /* Zwischensumme bleibt direkt darunter */
}

/* Styling for the popup */
.popup {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
  width: 300px;
}

.popup a {
  color: #007BFF;
  text-decoration: none;
}

.popup a:hover {
  text-decoration: underline;
}

.details-product-price__currency {
  white-space: normal;
  display: inline-block;
}