/* =========================================
   LUNCHGATE FINAL CSS – BERGIDYLL (STATIC CARDS)
   Clean • Premium • No Hover Animation
   + Typo Fix (überschreibt Lunchgate Reset)
   ========================================= */


/* =========================================
   GLOBAL: TRANSPARENTER HINTERGRUND
   ========================================= */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Alle Wrapper ohne Background & Shadow */
body,
body > div,
body > section,
body > article,
main,
header,
section,
div,
ul, ol {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}


/* =========================================
   TOP HEADER + DIVIDER ENTFERNEN
   ========================================= */
h1:first-of-type,
h2:first-of-type {
  display: none !important;
}

hr,
.divider,
.separator {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
}

/* Powered by / Branding entfernen */
small a,
.footer,
.powered,
[class*="powered"],
[class*="foratable"] {
  display: none !important;
}


/* =========================================
   TITEL LINKS AUSRICHTEN (Restaurant Name)
   ========================================= */
h1, h2, h3, h4 {
  text-align: left !important;
  margin: 8px 12px !important;
  background: transparent !important;
}


/* =========================================
   HORIZONTALER SLIDER (OHNE SCROLLBAR)
   ========================================= */
ul, ol,
.feed_list, .feedList,
.reviews, .items, .entries {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;

  padding: 20px 16px 24px 16px !important;
  margin: 0 !important;
  list-style: none !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Scrollbar verstecken – alle Browser */
ul::-webkit-scrollbar,
ol::-webkit-scrollbar,
.feed_list::-webkit-scrollbar,
.feedList::-webkit-scrollbar,
.reviews::-webkit-scrollbar,
.items::-webkit-scrollbar,
.entries::-webkit-scrollbar {
  display: none !important;
}


/* =========================================
   REVIEW CARDS – STATIC (OPTION 1)
   Keine Transition • Kein Hover-Jump
   ========================================= */
li,
.feed_item, .feedItem,
.review, .entry, .item {
  flex: 0 0 auto !important;
  min-width: 320px !important;
  max-width: 380px !important;

  scroll-snap-align: start !important;

  background: #ffffff !important;
  border-radius: 18px !important;

  border: 1px solid rgba(255,255,255,0.25) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;

  padding: 18px !important;

  transition: none !important;
  transform: none !important;
}

/* Hover komplett neutralisiert */
li:hover,
.feed_item:hover,
.review:hover,
.entry:hover,
.item:hover {
  transform: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;
}


/* =========================================
   TEXT – THEME FONT BEIBEHALTEN
   (nur Abstände/Lesbarkeit, keine Font-Familie)
   ========================================= */
li p,
.review p,
.entry p,
li span,
li div {
  line-height: 1.55 !important;
  margin-bottom: 10px !important;
  background: transparent !important;
}

li strong,
li b {
  display: block !important;
  margin-top: 12px !important;
  font-weight: 600 !important;
}

small,
.date,
.time {
  opacity: 0.65 !important;
  font-size: 0.9em !important;
}

.star,
.stars,
.rating {
  margin-bottom: 8px !important;
}


/* =========================================
   MOBILE OPTIMIERUNG
   ========================================= */
@media (max-width: 768px) {
  li,
  .feed_item,
  .review,
  .entry,
  .item {
    min-width: 85vw !important;
    max-width: 85vw !important;
    padding: 16px !important;
  }

  ul, ol,
  .feed_list, .feedList,
  .reviews, .items, .entries {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* =========================================
   TYPO FIX – überschreibt Lunchgate Reset
   (Reset setzt p = font-size:100%)
   -> MUSS ganz am Ende stehen
   ========================================= */

/* Haupt-Review-Text */
li p,
.feed_item p,
.feedItem p,
.review p,
.entry p,
.item p,
.comment p {
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 12px !important;
}

/* Falls Text in div/span statt p gerendert wird */
li .comment,
li .content,
.review .comment,
.review .content,
.entry .comment,
.entry .content,
.feed_item div,
.feedItem div {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Autor / Name */
li strong,
li b,
.review strong,
.entry strong,
.feed_item strong {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Meta Infos (Datum etc.) */
small,
.date,
.time {
  font-size: 14px !important;
  opacity: 0.75 !important;
}