/* =========================================================
   GLOBAL RESET (sauberer Seitenstart)
   ========================================================= */
.wp-site-blocks,
.entry-content,
.post-content,
main#primary,
.site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/* =========================================================
   HERO COVER – FIXIERT (Frontend) / NORMAL (Editor)
   Klasse am Cover: bari-hero-fixed
   ========================================================= */

/* -------- Editor: ALLES SICHTBAR -------- */
.block-editor-page .wp-block-cover.bari-hero-fixed,
.editor-styles-wrapper .wp-block-cover.bari-hero-fixed {
  min-height: 85vh;
}

.block-editor-page .wp-block-cover.bari-hero-fixed img,
.block-editor-page .wp-block-cover.bari-hero-fixed .wp-block-cover__image-background,
.editor-styles-wrapper .wp-block-cover.bari-hero-fixed img,
.editor-styles-wrapper .wp-block-cover.bari-hero-fixed .wp-block-cover__image-background {
  display: block !important;
  opacity: 1 !important;
}


/* -------- Frontend: Fixierter Hero -------- */
body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed {
  position: relative !important;
  min-height: 85vh !important;
  background-image: url("https://bari-cafe.de/wp-content/uploads/2026/01/IMG_0360-Kopie-1.jpeg") !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

/* Originales Cover-Bild nur im Frontend ausblenden */
body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed img,
body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed .wp-block-cover__image-background {
  display: none !important;
}

/* Text immer über dem Bild */
body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed .wp-block-cover__inner-container {
  position: relative !important;
  z-index: 10 !important;
}

/* Overlay leicht halten */
body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed .wp-block-cover__background {
  z-index: 1 !important;
  opacity: 0.08 !important;
}


/* -------- Mobile Fallback (iOS safe) -------- */
@media (max-width: 1024px) {
  body:not(.block-editor-page) .wp-block-cover.bari-hero-fixed {
    background-attachment: scroll !important;
  }
}


/* =========================================================
   SCROLL REVEAL – Frontend / Editor Fix
   ========================================================= */

/* Editor: Text IMMER sichtbar */
.block-editor-page .reveal-on-scroll,
.editor-styles-wrapper .reveal-on-scroll {
  opacity: 1 !important;
  transform: none !important;
}

/* Frontend: Animation */
body:not(.block-editor-page) .reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

body:not(.block-editor-page) .reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}