/* Start custom CSS *//* ===== Willis Probierwerkstatt – Seiten-CSS ===== */

/* Brotkrumen auf dunklem Grund */
[data-id="6014385e"] a { color: #C4D1D8; }
[data-id="6014385e"] strong { color: #FFFFFF; }

/* Schmeck-Samstag (Komponente): Button „Mehr zu Tastings“ nur auf der Startseite – hier ausblenden */
#schmeck-samstag a[href*="/probierwerkstatt/#schmeck-samstag"] { display: none !important; }

/* Tasting-Termine, Ticket-Zeile (Kurzcode [tasting_tickets]):
   ohne Link -> Etikett „Tickets im Laden erhältlich“ mit Standort-Icon, mit Link -> Button.
   Selektor über die Loop-ID (41b2949) und den Elementtyp der Loop-Einträge. */
[data-id="41b2949"] [data-element_type="e-collection-loop-item"] span > a[href],
#termine [data-element_type="e-collection-loop-item"] span > a[href] { display: inline-flex !important; box-sizing: border-box !important; align-items: center; min-height: 44px; padding: 12px 20px !important; background: #7A6E68 !important; color: #FFFFFF !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2; text-decoration: none !important; }
[data-id="41b2949"] [data-element_type="e-collection-loop-item"] span > a[href]:hover,
#termine [data-element_type="e-collection-loop-item"] span > a[href]:hover { background: #2B3136 !important; color: #FFFFFF !important; }
[data-id="41b2949"] [data-element_type="e-collection-loop-item"] span > a[href]:focus-visible,
#termine [data-element_type="e-collection-loop-item"] span > a[href]:focus-visible { outline: 2px solid #214A61; outline-offset: 2px; }
[data-id="41b2949"] [data-element_type="e-collection-loop-item"] span > span,
#termine [data-element_type="e-collection-loop-item"] span > span { display: inline-flex !important; box-sizing: border-box !important; gap: 8px; align-items: center; padding: 10px 14px !important; background: #F4F1EF !important; color: #2B3136 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3; }
[data-id="41b2949"] [data-element_type="e-collection-loop-item"] span > span::before,
#termine [data-element_type="e-collection-loop-item"] span > span::before { content: ""; width: 16px; height: 16px; flex-shrink: 0; background-color: #7A6E68; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Gutschein: Button erscheint erst, wenn ein Link eingetragen ist – dann verschwindet „Bald auch im Onlineshop“ */
[data-id="2244378"]:not([href^="http"]) { display: none !important; }
#gutscheine:has([data-id="2244378"][href^="http"]) [data-id="43135eb2"] { display: none !important; }

/* Galerie: auf dem Handy als Wisch-Karussell */
@media (max-width: 600px) {
  [data-id="3b33fe62"] { overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -32px; padding: 0 32px 6px 32px !important; scroll-padding: 0 32px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  [data-id="3b33fe62"]::-webkit-scrollbar { display: none; }
  [data-id="3b33fe62"] > * { flex: 0 0 86% !important; scroll-snap-align: start; aspect-ratio: 4 / 3 !important; }
}/* End custom CSS */