/* Adventure Golf Dangast – Zusatz-Stile
 * Nur Effekte, die sich nicht über theme.json / Blockeinstellungen abbilden lassen:
 * Papier-Grain, Klebeband-Ecken, Goldrahmen, Hero-Overlay, klebriger Header,
 * 3D-Button, Event-Karten und die Info-Leiste.
 */

/* Weiche, kräftige Schrift für Überschriften auch im Editor sicherstellen */
body { text-wrap: pretty; }

/* Keinen Zwischenraum zwischen den obersten Blöcken (Header, Sektionen, Footer) */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ---- Papier-Grain über der ganzen Seite ---- */
.wp-site-blocks::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  opacity: 0.05;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ---- Klebriger Header ---- */
.agd-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(246, 242, 234, 0.72);
  backdrop-filter: blur(6px);
}
.agd-header .agd-logo { margin: 0; }
.agd-header .agd-logo img { height: 104px; width: auto; display: block; }

/* Info-Leiste (heute geöffnet / aktuelles Event) */
.agd-ticker {
  background: #1b2a4a;
  color: #f4f1e9;
  font-size: 13.5px;
  font-weight: 500;
}
.agd-ticker .wp-block-group__inner-container,
.agd-ticker > .wp-block-group__inner-container { text-align: center; }

/* ---- Hero ---- */
.agd-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #faf8f3;
}
.agd-hero .wp-block-cover__background { z-index: 0; }
.agd-hero :where(h1, h2, p) { color: #faf8f3; }

/* Rotierte Auszeichnung (Badge) */
.agd-badge {
  display: block;
  width: fit-content;
  max-width: 100%;
  transform: rotate(-3deg);
  background: #e8c266;
  color: #1b2a4a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 8px;
}
.agd-badge.has-text-align-center { margin-left: auto; margin-right: auto; }

/* 3D-Goldbutton (Primär-CTA) */
.agd-btn-3d .wp-block-button__link,
.wp-block-button.agd-btn-3d .wp-block-button__link {
  background: #b8863f;
  color: #faf8f3;
  box-shadow: 0 6px 0 #8a6321;
  transition: transform 0.15s, box-shadow 0.15s;
}
.agd-btn-3d .wp-block-button__link:hover {
  transform: translateY(2px);
  box-shadow: 0 4px 0 #8a6321;
}

/* ---- Goldrahmen mit Klebeband-Ecken (Scrapbook) ---- */
.agd-frame {
  position: relative;
  padding: 12px;
  background: linear-gradient(135deg, #8a6321, #c79a52);
  border-radius: 16px;
  box-shadow: 0 18px 0 -4px rgba(27, 42, 74, 0.12), 0 24px 40px rgba(27, 42, 74, 0.22);
}
.agd-frame.is-tilt-left { transform: rotate(-1.1deg); }
.agd-frame.is-tilt-right { transform: rotate(1deg); }

/* Schatzkarten-Rahmen genau so breit wie die Karte selbst */
#bahnen .agd-frame { max-width: 620px; margin-left: auto; margin-right: auto; }
.agd-frame > .wp-block-group__inner-container,
.agd-frame .agd-frame__inner {
  background: #f4ece0;
  border-radius: 10px;
  padding: 4px;
  overflow: hidden;
}
.agd-frame::before,
.agd-frame::after {
  content: "";
  position: absolute;
  top: -13px;
  width: 62px;
  height: 25px;
  background: rgba(232, 216, 170, 0.85);
  border: 1px solid rgba(180, 160, 110, 0.6);
  box-shadow: 0 2px 4px rgba(27, 42, 74, 0.15);
}
.agd-frame::before { left: 36px; transform: rotate(-6deg); }
.agd-frame::after { right: 44px; transform: rotate(5deg); }

.agd-frame img { display: block; border-radius: 8px; width: 100%; height: auto; }
.agd-frame #course-map { display: block; width: 100%; height: auto; }

/* Karte (OpenStreetMap) im Goldrahmen mit Sepia-Ton */
.agd-map-frame iframe {
  width: 100%;
  height: 380px;
  border: 0;
  display: block;
  border-radius: 8px;
  filter: sepia(0.34) saturate(0.9) hue-rotate(-6deg) contrast(0.96);
}

/* ---- Event-Karten ---- */
.agd-event-card {
  background: #24314f;
  border-radius: 18px;
  border-top: 4px solid #e8c266;
  box-shadow: 0 14px 26px rgba(15, 22, 40, 0.4);
  transition: transform 0.15s;
}
.agd-event-card:hover { transform: translateY(-6px) !important; }
.agd-event-card :where(h3, p) { color: #f4f1e9; }

/* Instagram-Platzhalter */
.agd-ig-placeholder {
  background: #faf8f3;
  border: 1.5px dashed #cbb98f;
  border-radius: 18px;
}

/* Preistabelle / Öffnungszeiten schlicht halten */
.agd-price-table td, .agd-price-table th { border: none; border-bottom: 1px solid #ded4c0; padding: 14px 0; }
.agd-price-table { border-collapse: collapse; }