/* ================================
   DESKTOP – Navigation & Mini-Cart
   ================================ */

/* Top-Level Links weiß, Unterstreichung als gelbe Linie */
.main-navigation > div > ul > li > a,
.main-navigation > div > ul > li > a:visited { color:#fff; position:relative; }
.main-navigation > div > ul > li > a::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:3px;
  background:#FFD166; opacity:0; transform:scaleX(.6); transform-origin:center;
  transition:opacity .15s, transform .15s;
}
.main-navigation > div > ul > li:hover > a::after,
.main-navigation > div > ul > li:focus-within > a::after,
.main-navigation > div > ul > li.current-menu-item > a::after,
.main-navigation > div > ul > li.current-menu-ancestor > a::after,
.main-navigation > div > ul > li.current_page_item > a::after { opacity:1; transform:scaleX(1); }

/* Kein Hintergrund im Hauptmenü */
.main-navigation ul li a:hover,
.main-navigation ul li:focus > a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li.current-menu-ancestor > a { color:#fff; background:transparent !important; }

/* Dropdowns: grün mit feinem Akzent */
.main-navigation ul ul { border-top:none !important; }
.main-navigation ul ul a { color:#e8f0ef; background:#2f5d55; border-left:4px solid transparent; }
.main-navigation ul ul li > a:hover,
.main-navigation ul ul li.current-menu-item > a { color:#fff; background:#396d64; border-left-color:#FFD166; }
.main-navigation ul ul li + li > a { box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }

/* Social Navigation wie gehabt */
.jetpack-social-navigation ul a,
.jetpack-social-navigation ul a:visited { color:#fff; }

/* Header-Warenkorb prominenter */
.site-header-cart a.cart-contents{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:8px 12px; border:2px solid #FFD166; border-radius:9999px;
  background:rgba(255,255,255,.10); color:#fff; font-weight:700;
}
.site-header-cart a.cart-contents svg{ width:22px; height:22px; }
.site-header-cart a.cart-contents::before,
.site-header-cart a.cart-contents .icon{ font-size:22px !important; }
.site-header-cart a.cart-contents .count{
  background:#FFD166; color:#2f5d55; border-radius:999px;
  padding:2px 8px; font-weight:800; font-size:.85em;
}
.site-header-cart a.cart-contents .amount{ font-weight:800; }
.site-header-cart a.cart-contents:hover,
.site-header-cart a.cart-contents:focus{
  background:#2f5d55; border-color:#FFD166;
  box-shadow:0 0 0 2px rgba(255,209,102,.25) inset; color:#fff;
}

/* Nur vor dem Warenkorb KEIN Punkt-Separator (Desktop) */
@media (min-width: 783px){
  .main-navigation #site-header-cart > li::before,
  .main-navigation .site-header-cart > li::before,
  #site-header-cart > li::before,
  .site-header-cart > li::before { content:none !important; display:none !important; }
}

/* Mini-Cart neutraler Look */
.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart .cart_list,
.site-header-cart .widget_shopping_cart li { background:#fff !important; color:#2b2b2b; }
.site-header-cart .widget_shopping_cart a,
.site-header-cart .widget_shopping_cart a:visited { color:#2b2b2b !important; background:transparent !important; box-shadow:none !important; text-shadow:none !important; }
.site-header-cart .woocommerce-mini-cart__buttons .button { font-size:15px; border-radius:6px; border:1px solid #2f5d55; background:#fff !important; color:#2b2b2b !important; padding:10px 14px; }
.site-header-cart .woocommerce-mini-cart__buttons .checkout { background:#2f5d55 !important; color:#fff !important; border-color:#2f5d55 !important; }
.site-header-cart .widget_shopping_cart a.remove.remove_from_cart_button { background:transparent !important; color:#c63d2f !important; opacity:.9; }
.site-header-cart .widget_shopping_cart a.remove.remove_from_cart_button:hover { opacity:1; }
#site-header-cart > li > div { border:2px solid #618986; box-shadow:0 8px 24px rgba(0,0,0,.1); }

/* =========================
   MOBILE – sim.de-ähnlich
   ========================= */
@media (max-width:782px){
  /* Sticky-Nav + Toggle RECHTS */
  .main-navigation{ position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,.08); text-align:right; }
  .main-navigation .menu-toggle{
    display:inline-flex; align-items:center; gap:.5rem;
    margin:10px 10px 12px 0; padding:10px 16px;
    border:2px solid #FFD166; border-radius:9999px;
    background:transparent; color:#fff; font-weight:700; letter-spacing:.02em;
  }
  .main-navigation .menu-toggle[aria-expanded="true"]{ background:#2f5d55; box-shadow:inset 0 0 0 2px rgba(255,209,102,.35); }

  /* Desktop-Unterstreichung im Mobile aus */
  .main-navigation > div > ul > li > a::after{ display:none !important; }

  /* Reihenlook + kleinere Schrift */
  .main-navigation ul{ padding:0 6px 10px; text-align:left; }
  .main-navigation ul li a{ display:block; margin:0; padding:10px 14px; font-size:12px; line-height:1.25; color:#fff; background:transparent; border:0; }
  .main-navigation ul li + li > a{ border-top:1px solid rgba(255,255,255,.20); }

  /* Untermenüs standardmäßig zu; Akkordeon */
  .main-navigation ul ul{ display:none; padding:0; margin:0 0 8px; border-top:0; }
  .main-navigation .menu-item-has-children.toggled-on > ul.sub-menu,
  .main-navigation .page_item_has_children.toggled-on > ul.children{ display:block; }

  /* Chevron-Indikator am Elternlink */
  .main-navigation .menu-item-has-children > a,
  .main-navigation .page_item_has_children > a{ position:relative; padding-right:40px; }
  .main-navigation .menu-item-has-children > a::after,
  .main-navigation .page_item_has_children > a::after{
    content:""; position:absolute; right:14px; top:50%; width:10px; height:10px; margin-top:-5px;
    border-right:2px solid #FFD166; border-bottom:2px solid #FFD166;
    transform:rotate(45deg); transition:transform .2s ease; opacity:.95; pointer-events:none;
  }
  .main-navigation .menu-item-has-children:focus-within > a::after,
  .main-navigation .menu-item-has-children:hover > a::after,
  .main-navigation .menu-item-has-children.toggled-on > a::after,
  .main-navigation .page_item_has_children:focus-within > a::after,
  .main-navigation .page_item_has_children:hover > a::after,
  .main-navigation .page_item_has_children.toggled-on > a::after{ transform:rotate(-135deg); }

  /* Submenüzeilen kompakter + eingezogen */
  .main-navigation ul ul a{ font-size:11px; padding:8px 14px 8px 35px; color:#e8f0ef; }
  .main-navigation ul ul li + li > a{ border-top:1px solid rgba(255,255,255,.12); }
  .main-navigation ul ul li > a:hover{ background:rgba(255,255,255,.12); color:#fff; }

  /* Geöffnetes Untermenü als Panel */
  .main-navigation .menu-item-has-children.toggled-on > ul.sub-menu,
  .main-navigation .page_item_has_children.toggled-on > ul.children{
    background:rgba(0,0,0,.08); border-left:2px solid #FFD166; border-radius:8px; margin:6px 8px 10px; padding:4px 0;
  }

  /* Warenkorb-Icon mobil weiß belassen */
  .site-header-cart a.cart-contents{ color:#fff; }
}

/* =========================================
   WooCommerce – Breite korrigieren (Dara)
   ========================================= */
@media (min-width:1000px){
  /* Dara begrenzt .site auf 880px, wenn .no-sidebar aktiv ist → zurück auf Standardbreite */
  body.no-sidebar.woocommerce .site,
  body.no-sidebar.post-type-archive-product .site,
  body.no-sidebar.tax-product_cat .site,
  body.no-sidebar.tax-product_tag .site,
  body.no-sidebar.single-product .site{
    max-width:1180px !important;
  }
}

/* === WooCommerce Grid: Karten angleichen === */

/* Jede Produktkachel ist eine Spalte; Button immer nach unten */
ul.products li.product{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Titel: auf mehrere Zeilen begrenzen und gleich hoch halten */
ul.products li.product .woocommerce-loop-product__title{
  line-height:1.4;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:.5rem 0 .5rem;
}

/* Desktop (5 pro Reihe): bis zu 3 Zeilen */
@media (min-width:1100px){
  ul.products li.product .woocommerce-loop-product__title{
    -webkit-line-clamp:3;
    min-height:calc(1.5em * 5);
  }
}

/* Tablet: bis zu 3 Zeilen */
@media (min-width:900px) and (max-width:1099px){
  ul.products li.product .woocommerce-loop-product__title{
    -webkit-line-clamp:3;
    min-height:calc(1.3em * 3);
  }
}

/* Mobile: bis zu 2 Zeilen */
@media (max-width:899px){
  ul.products li.product .woocommerce-loop-product__title{
    -webkit-line-clamp:2;
    min-height:calc(1.3em * 2);
  }
}

/* Preis auf einer Linie mit Abstand */
ul.products li.product .price{
  display:inline-flex;
  align-items:baseline;
  gap:.5rem;
  line-height:1.4;
  min-height:1.6em;
  margin:0 0 .75rem;
}

ul.products li.product .price del,
ul.products li.product .price ins{
  display:inline-block;
  vertical-align:baseline;
  margin:0;
  line-height:1.4;
}

/* Primär-Button an den unteren Rand drücken */
ul.products li.product .button,
ul.products li.product .added_to_cart{
  margin-top:auto;
  width:100%;
}

/* Prominenter Streichpreis (Kategorie/Shop + Produktseite) */
ul.products li.product .price del,
ul.products li.product .price del *,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce div.product p.price del *,
.woocommerce div.product span.price del *{
  color:#c63d2f !important;
  font-weight:600;
  opacity:1 !important;
  text-decoration-line:line-through !important;
  text-decoration-style:solid !important;
  text-decoration-thickness:.12em !important;
  text-decoration-color:#c63d2f !important;
}

/* Fallback Pseudoelement */
ul.products li.product .price del{
  position:relative;
}
ul.products li.product .price del::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top:55%;
  border-top:.01em solid #c63d2f;
  pointer-events:none;
}

/* Aktueller Preis kräftig */
ul.products li.product .price ins{
  font-weight:800;
  text-decoration:none;
}

/* Betrag-Spans verhalten sich wie feste Inline-Boxen */
ul.products li.product .price .woocommerce-Price-amount{
  display:inline-block;
  line-height:1.4;
}

/* ============================
   NAV: Aktive Menüpunkte wieder hervorheben
   ============================ */

/* Desktop: aktiver Top-Level-Link kräftiger (gelbe Unterstreichung hast du schon) */
@media (min-width: 783px){
  .main-navigation > div > ul > li.current-menu-item > a,
  .main-navigation > div > ul > li.current_page_item > a,
  .main-navigation > div > ul > li.current-menu-ancestor > a,
  .main-navigation a[aria-current="page"],
  .main-navigation a[aria-current="true"]{
    color:#fff;
    font-weight:800;
  }

  /* Desktop: aktiver Eintrag im Dropdown mit Akzent links */
  .main-navigation ul ul li.current-menu-item > a,
  .main-navigation ul ul li.current_page_item > a,
  .main-navigation ul ul li.current-menu-ancestor > a{
    background:#396d64;
    border-left:4px solid #FFD166;
    color:#fff;
  }
}

/* Mobile: aktiver Top-Level-Link klar hinterlegt + gelbe Kante links */
@media (max-width: 782px){
  .main-navigation > div > ul > li.current-menu-item > a,
  .main-navigation > div > ul > li.current_page_item > a,
  .main-navigation > div > ul > li.current-menu-ancestor > a,
  .main-navigation a[aria-current="page"],
  .main-navigation a[aria-current="true"]{
    background: rgba(255,255,255,.48) !important;
    border-left: 4px solid #FFD166 !important;
    color:#2E5D55 !important;
    font-weight:800;
    letter-spacing:.02em;
  }

  /* Mobile: aktiver Eintrag im Untermenü */
  .main-navigation ul ul li.current-menu-item > a,
  .main-navigation ul ul li.current_page_item > a,
  .main-navigation ul ul li.current-menu-ancestor > a{
    background: rgba(255,255,255,.48) !important;
    border-left: 4px solid #FFD166 !important;
    color:#2E5D55 !important;
    font-weight:800;
  }
}

#post-4942 > div > div.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-5e6b19ed.wp-block-buttons-is-layout-flex > div > a {
	
	background-color: #15b6b8;
}


/* SUPPORTER SHOP wie der Warenkorb – Desktop & Mobile */
.main-navigation li.menu-item-4154 > a,
.main-navigation li > a[href*="supporter-shop"]{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:8px 12px;
  border:2px solid #FFD166; border-radius:9999px;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important; font-weight:700; letter-spacing:.02em;
}

/* Hover/Focus-Zustand passend zum Cart */
.main-navigation li.menu-item-4154 > a:hover,
.main-navigation li.menu-item-4154 > a:focus,
.main-navigation li > a[href*="supporter-shop"]:hover,
.main-navigation li > a[href*="supporter-shop"]:focus{
  background:#2f5d55 !important; color:#fff !important;
  border-color:#FFD166; box-shadow:0 0 0 2px rgba(255,209,102,.25) inset;
}

/* Gelbe Unterstreichung & Punkt-Separator für diesen Eintrag aus */
.main-navigation > div > ul > li.menu-item-4154 > a::after,
.main-navigation > div > ul > li > a[href*="supporter-shop"]::after{
  display:none !important;
}
@media (min-width:783px){
  .main-navigation > div > ul > li.menu-item-4154::before{ content:none !important; }
}

/* Mobile: als „Chip“ rendern, nicht volle Breite */
@media (max-width:782px){
  .main-navigation li.menu-item-4154 > a,
  .main-navigation li > a[href*="supporter-shop"]{
    display:inline-flex; margin:8px 14px; /* hebt sich im Listenlayout ab */
  }
}


/* email links*/
.email-link {
  color: #628986; /* Blaue Farbe für den Link, anpassbar */
  text-decoration: underline; /* Unterstreichung */
  font-weight: 600; /* Etwas kräftigerer Text */
  transition: color 0.2s ease; /* Sanfter Farbübergang bei Hover */
}

.email-link:hover {
  color: #628986; /* Dunklere Farbe beim Hover */
  text-decoration: none; /* Unterstreichung entfernen bei Hover (optional) */
}