/*
Theme Name: Mesmerize PRO Child
Theme URI: https://extendthemes.com/go/mesmerize-home/
Template: mesmerize-pro
Author: Horea Radu
Author URI: https://extendthemes.com/
Description: Mesmerize is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It comes with a predesigned home page, 5 header designs and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Mesmerize is responsive so it works on mobile devices out of the box and it is also WooCommerce ready. DEMO: https://extendthemes.com/go/mesmerize-demos/
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,right-sidebar,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.6.184.1756141539
Updated: 2025-08-25 19:05:39

*/


/* Payment methods Bereich */
ul.payment_methods.methods {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

ul.payment_methods.methods li {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fafafa;
    transition: all 0.2s ease;
}

ul.payment_methods.methods li:hover {
    background: #f0fdfa; /* leicht grünlich, passt zu #00c4b3 */
    border-color: #00c4b3;
}

ul.payment_methods.methods label {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

ul.payment_methods.methods img {
    max-height: 24px;
    width: auto;
}

ul.payment_methods.methods .payment_box {
    margin-top: 8px;
    padding-left: 5px;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.sorte {
  margin: 3rem auto;
  max-width: 900px;
  text-align: center;
}

.sorte-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.sorte-teaser {
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.sorte-details ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0 2rem;
}

.sorte-details li {
  margin: 0.3rem 0;
  font-size: 1rem;
}

.sorte-story {
  margin: 2rem 0;
  line-height: 1.6;
}

.sorte-image img {
  max-width: 300px;
  margin: 2rem auto;
  display: block;
}

.sorte-cta .button {
  background: #00c4b3;
  color: #fff;
  padding: 0.8rem 1.5rem;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}

/* 1) Logo im normalen Zustand ausblenden (nur im Navigationsbalken) */
.navigation-bar .custom-logo {
  display: none !important;            /* oder: visibility:hidden; opacity:0; */
}

/* 2) Wenn die Navi per FixTo sticky ist, wieder einblenden */
.navigation-bar[style*="position: fixed"] .custom-logo {
  display: inline-block !important;    /* oder: visibility:visible; opacity:1; */
  max-height: 40px !important;
}

.logo_col {
  display: flex;
  align-items: center;
  gap: 25px; /* Abstand zwischen Logo und Schriftzug */
}

/* Menge + Button nebeneinander; Wishlist darunter */
@media (max-width: 767px){
  .wopb-builder-cart .cart{
    display: flex !important;
    flex-wrap: wrap !important;      /* wir behalten wrap, um die Wishlist sicher in Zeile 2 zu zwingen */
    align-items: center;
    justify-content: center;          /* oder space-between – Geschmackssache */
    gap: 12px;                        /* Abstand zwischen Menge & Button */
  }

  .wopb-builder-cart .cart .quantity{
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .wopb-builder-cart .cart .single_add_to_cart_button{
    display: inline-flex;             /* verhindert 100%-Breite */
    align-items: center;
    justify-content: center;
    width: auto !important;           /* überschreibt mobile 100%-Breite */
    flex: 0 1 auto;                   /* Button nimmt nur nötige Breite */
    white-space: nowrap;              /* kein Zeilenumbruch im Text */
    margin: 0 !important;             /* Sicherheit gegen auto-Margins */
  }

  /* Wishlist (wopb-cart-bottom) immer in die nächste Zeile und zentriert */
  .wopb-builder-cart .cart .wopb-cart-bottom{
    flex: 0 0 100% !important;        /* gesamte Zeile belegen */
    width: 100%;
    margin-top: 12px;
    text-align: center;
  }
}

@media (max-width: 767px){

  /* Titel + Kurztext */
  .single-product .product_title,
  .single-product .woocommerce-product-details__short-description{
    text-align:center !important;
    margin-left:auto; margin-right:auto;
  }

  /* Bewertung (Sterne + Link) wirklich zentrieren */
  .single-product .wopb-product-wrapper .woocommerce-product-rating{
    display:flex !important;
    justify-content:center !important;
    align-items:center;
    gap:8px;
    text-align:left; /* Inhalt bleibt lesbar, Position per Flex */
    width:100%;
  }
  .single-product .woocommerce-product-rating .star-rating{ margin:0 !important; }

  /* Preorder-Block (Preis + Verfügbar-ab + Restmenge) mittig */
  .single-product .wopb-product-wrapper .wopb-single-product-preorder{
    display:flex !important;
    flex-direction:column;
    align-items:center;          /* horizontal mittig */
    gap:6px;
    width:100%;
    text-align:center !important;
  }
  .single-product .wopb-single-product-preorder .price{
    text-align:center !important;
    margin:0 auto !important;
    width:auto;
  }
  .single-product .wopb-singlepage-preorder-message,
  .single-product .wopb-singlepage-preorder-remaining-item{
    display:block;
    width:100%;
    text-align:center !important;
  }

  /* Countdown mittig */
  .single-product .wopb-singlepage-preorder-countdown{
    display:flex !important;
    justify-content:center !important;
    align-items:center;
    gap:8px;
  }

  /* Menge + Button nebeneinander; Wishlist darunter, zentriert */
  .single-product form.cart{
    display:flex !important;
    flex-wrap:wrap;
    justify-content:center !important;
    align-items:center;
    gap:12px;
  }
  .single-product form.cart .quantity{ flex:0 0 auto; margin:0 !important; }
  .single-product form.cart .single_add_to_cart_button{
    width:auto !important; flex:0 0 auto; white-space:nowrap; margin:0 !important;
  }
  .single-product form.cart .wopb-cart-bottom{
    flex:0 0 100%; text-align:center; margin-top:12px;
  }
}