/* Lost-Place-Style: dunkel, leicht grungy */
.oaea-wrap{ margin:14px 0; }
.oaea-bar{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 14px; border:1px dashed #374151; background:#0f1216; color:#e5e7eb; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.3) inset, 0 2px 10px rgba(0,0,0,.25); }
.oaea-left,.oaea-right{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.oaea-btn{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #374151; background:#111827; color:#e5e7eb; border-radius:12px; cursor:pointer; text-decoration:none; }
.oaea-btn:hover{ background:#1f2937; }
.oaea-btn.primary{ background:#2563eb; border-color:#1d4ed8; color:#fff; }
.oaea-ico{ font-size:18px; }
.oaea-pill{ width:36px; height:36px; border-radius:999px; border:1px solid #374151; background:#111827; color:#9ca3af; cursor:pointer; font-size:18px; display:inline-flex; align-items:center; justify-content:center; }
.oaea-pill.is-active{ background:#f59e0b; color:#111; border-color:#b45309; }
.oaea-upload input[type=file]{ display:none; }
.oaea-upload .oaea-btn{ background:#065f46; border-color:#064e3b; }
.oaea-upload .oaea-btn:hover{ background:#047857; }
.oaea-upload-list{ display:grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap:10px; margin-top:10px; }
.oaea-up-card{ border:1px solid #374151; background:#0b0f14; border-radius:12px; padding:8px; color:#cbd5e1; }
.oaea-up-thumb{ width:100%; padding-top:66%; background:#111; background-size:cover; background-position:center; border-radius:8px; }
.oaea-up-meta{ font-size:12px; margin-top:6px; color:#94a3b8; }
.hidden{ display:none; }
.oaea-demolition{ margin-top:10px; padding:10px; border:1px dashed #374151; border-radius:12px; background:#0b0f14; }
.oaea-note{ width:100%; min-height:80px; background:#0b0f14; border:1px solid #374151; border-radius:8px; color:#e5e7eb; padding:8px; }

/* ======== Single "ort" – Lost-Place-Look global ======== */
body.single-ort.oaea-lostplace{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(0,0,0,.45), transparent 40%),
              radial-gradient(1000px 500px at 120% 10%, rgba(0,0,0,.4), transparent 45%),
              #0b0f14;
  color:#e5e7eb;
}
body.single-ort.oaea-lostplace .site,
body.single-ort.oaea-lostplace .wrap,
body.single-ort.oaea-lostplace .container,
body.single-ort.oaea-lostplace #primary{
  max-width: 980px;
}
body.single-ort.oaea-lostplace .entry-title,
body.single-ort.oaea-lostplace h1{
  font-weight:800;
  letter-spacing:.2px;
  color:#e5e7eb;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
}
body.single-ort.oaea-lostplace .post-thumbnail img,
body.single-ort.oaea-lostplace .wp-post-image,
body.single-ort.oaea-lostplace .entry-content > p > img:first-child{
  max-height: 360px !important;
  width: 100%;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.06);
}
body.single-ort.oaea-lostplace .entry-content{
  background: rgba(9,12,16,.55);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
body.single-ort.oaea-lostplace .comments-area,
body.single-ort.oaea-lostplace #respond{
  display:none !important;
}
body.single-ort.oaea-lostplace a{ color:#93c5fd; }
body.single-ort.oaea-lostplace a:hover{ color:#bfdbfe; }
body.single-ort.oaea-lostplace table{ border-color:#334155; }
body.single-ort.oaea-lostplace hr{ border-color:#1f2937; }

/* === Compact mode adjustments (v1.1.3) === */
body.single-ort.oaea-lostplace .post-thumbnail img,
body.single-ort.oaea-lostplace .wp-post-image,
body.single-ort.oaea-lostplace .entry-content > p > img:first-child,
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image img{
  max-height: 240px !important;
}

body.single-ort.oaea-lostplace .entry-content{
  padding: 12px;
  min-height: 0 !important;
  margin-top: 10px;
  margin-bottom: 18px;
}

body.single-ort.oaea-lostplace .entry-content figure.wp-block-image{
  margin: 0 0 10px 0;
}

body.single-ort.oaea-lostplace .entry-content > *:last-child{
  margin-bottom: 0;
}

/* Make the bottom actions bar stick visually closer */
.oaea-wrap{ margin: 12px 0 24px; }
.oaea-bar{ padding:10px 12px; border-radius:12px; }
.oaea-btn{ padding:7px 10px; border-radius:10px; }
.oaea-pill{ width:34px; height:34px; font-size:16px; }


/* === Ultra-compact adjustments (v1.1.4) === */
/* Make hero even smaller */
body.single-ort.oaea-lostplace .post-thumbnail img,
body.single-ort.oaea-lostplace .wp-post-image,
body.single-ort.oaea-lostplace .entry-content > p > img:first-child,
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image img{
  max-height: 200px !important;
}

/* Remove the large "card" feel to avoid long dark block */
body.single-ort.oaea-lostplace .entry-content{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Tighten spacing above/below content */
body.single-ort.oaea-lostplace .entry-header{ margin-bottom: 10px; }
body.single-ort.oaea-lostplace .entry-content > *{ margin-top: 10px; margin-bottom: 10px; }
body.single-ort.oaea-lostplace .entry-content > *:first-child{ margin-top: 0; }
body.single-ort.oaea-lostplace .entry-content > *:last-child{ margin-bottom: 0; }

/* Ensure images never create extra bottom space via container margins */
body.single-ort.oaea-lostplace .entry-content figure{ margin: 0 0 8px 0; }
body.single-ort.oaea-lostplace .entry-content p:empty{ display:none; }

/* Actions bar margin tighter to content */
.oaea-wrap{ margin: 14px 0; }


/* === Ultra-compact++ (v1.1.5) === */
/* Make hero + any first image even smaller */
body.single-ort.oaea-lostplace .post-thumbnail img,
body.single-ort.oaea-lostplace .wp-post-image,
body.single-ort.oaea-lostplace .entry-content > p > img:first-child,
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image img{
  max-height: 160px !important;
}

/* Crop figure containers to avoid extra vertical space */
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image{
  max-height: 160px !important;
  overflow: hidden;
  margin: 0 0 8px 0;
}

/* Nuke Gutenberg spacers that create large empty blocks */
body.single-ort.oaea-lostplace .entry-content .wp-block-spacer{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
}

/* Tight spacing under header */
body.single-ort.oaea-lostplace .entry-header{ margin-bottom:8px !important; }


/* === v1.2.1 Tweaks === */
/* Default hero even smaller */
body.single-ort.oaea-lostplace .post-thumbnail img,
body.single-ort.oaea-lostplace .wp-post-image,
body.single-ort.oaea-lostplace .entry-content > p > img:first-child,
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image img{
  max-height: 140px !important;
}
body.single-ort.oaea-lostplace .entry-content figure.wp-block-image{
  max-height: 140px !important;
  overflow:hidden !important;
}

/* Kill borders/min-height on any common theme container blocks */
.single-ort .post-inner, 
.single-ort .post-content, 
.single-ort .entry-content,
.single-ort .entry-content > .wp-block-group, 
.single-ort .entry-content > .wp-block-columns,
.single-ort .entry-content > .wp-block-group > .wp-block-group__inner-container {
  border:0 !important; background:transparent !important;
  padding:0 !important; margin:0 !important;
  min-height:0 !important; height:auto !important; box-shadow:none !important;
}

/* Ensure our actions bar is directly under the hero with small gap */
.oaea-wrap { margin: 10px 0 18px !important; }


/* === v1.2.2 override: eckig & quadratisch === */
.single-ort figure.wp-block-post-featured-image{
  aspect-ratio: 1 / 1 !important;   /* Quadrat */
  max-height: none !important;      /* 140px-Limit weg */
  height: auto !important;          /* Höhe ergibt sich aus aspect-ratio */
  overflow: hidden !important;
  border-radius: 0 !important;      /* eckig */
  margin: 0 0 8px 0 !important;
}

.single-ort figure.wp-block-post-featured-image > a,
.single-ort figure.wp-block-post-featured-image img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;          /* füllt das Quadrat */
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;     /* ohne Verzerren, sauber gecroppt */
  border-radius: 0 !important;
}


/* kill leftover global-padding containers that add whitespace */
.single-ort .wp-block-group.has-global-padding.is-layout-constrained,
.single-ort .wp-block-post-content.has-global-padding.is-layout-constrained,
.single-ort .wp-container-core-group-is-layout-constrained{
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* === v1.2.3: compact centered layout tweaks === */
:root{
  --oaea-hero-height: 200px;   /* Bild etwas höher */
  --oaea-content-width: 980px; /* kürzer/zentrierter Look */
}

/* Featured image: center + width limit + taller */
.single-ort figure.wp-block-post-featured-image{
  max-width: var(--oaea-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-height: var(--oaea-hero-height) !important;
}
.single-ort figure.wp-block-post-featured-image > a,
.single-ort figure.wp-block-post-featured-image img{
  max-height: var(--oaea-hero-height) !important;
}

/* Center the actions bar and match width */
.oaea-wrap{
  max-width: var(--oaea-content-width) !important;
  margin: 12px auto 22px !important;
}

/* Center heading + date/meta */
.single-ort .entry-title,
.single-ort h1,
.single-ort .wp-block-post-title{ 
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--oaea-content-width) !important;
}
.single-ort .wp-block-post-date{
  text-align: center !important;
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width: var(--oaea-content-width) !important;
}

/* If theme uses alignwide/full, force center width */
.single-ort .alignwide,
.single-ort .alignfull{
  max-width: var(--oaea-content-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* === Single-Ort: zentrierter Hero mit fester Höhe, eckig, kein Stretching === */
:root{ --oaea-content-width: 1100px; --oaea-hero-h: 260px; } /* Höhe nach Wunsch anpassen */

.single-ort .wp-block-post-title{
  width: min(var(--oaea-content-width), 92vw);
  margin: 0 auto 12px;
  text-align: center;
}

/* Container mittig, feste Höhe statt aspect-ratio */
.single-ort figure.wp-block-post-featured-image,
.single-ort figure.alignwide.wp-block-post-featured-image{
  width: min(var(--oaea-content-width), 92vw) !important;
  height: var(--oaea-hero-h) !important;      /* fix! */
  margin: 0 auto 14px !important;
  border-radius: 0 !important; 
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: auto !important;              /* Kern-Ratio aushebeln */
}

/* Pseudo-Ratio von Core abschalten, sonst bleibt die Fläche riesig */
.single-ort figure.wp-block-post-featured-image::before,
.single-ort figure.alignwide.wp-block-post-featured-image::before{
  content: none !important;
  display: none !important;
}

/* Link/Bild auf Container einspannen – exakt klickbare Fläche */
.single-ort figure.wp-block-post-featured-image > a,
.single-ort figure.alignwide.wp-block-post-featured-image > a{
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

.single-ort figure.wp-block-post-featured-image img,
.single-ort figure.alignwide.wp-block-post-featured-image img,
.single-ort .post-thumbnail img,
.single-ort img.wp-post-image{
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;                /* killt 140/160/200px Overrides */
  object-fit: cover !important;               /* füllt ohne Verzerren */
  border-radius: 0 !important;
}


/* Lightbox Look */
#oae-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.85);z-index:99999;padding:24px;}
#oae-lightbox.is-open{display:flex;}
#oae-lightbox img{max-width:95vw;max-height:90vh;box-shadow:0 10px 40px rgba(0,0,0,.6);}
#oae-lightbox button{position:absolute;top:14px;right:18px;font-size:28px;background:transparent;
  color:#fff;border:0;cursor:pointer;}

/* Gleiche Breite wie das Bild + zentriert platzieren */
:root { --oaea-content-width: 1100px; } /* ggf. anpassen */

.single-ort main .wp-block-post-title,
.single-ort main .wp-block-post-date,
.single-ort main figure.wp-block-post-featured-image{
  width: min(var(--oaea-content-width), 92vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Überschrift zentrieren (inkl. Link-Variante & evtl. Styles) */
.single-ort main .wp-block-post-title{
  display: block !important;
  text-align: center !important;
}
.single-ort main .wp-block-post-title a{
  display: inline-block !important;
  width: 100% !important;
  text-align: center !important;
}

/* Falls Gutenberg „alignwide/alignfull“ draufpackt → neutralisieren */
.single-ort main .wp-block-post-title.alignwide,
.single-ort main .wp-block-post-title.alignfull{
  width: min(var(--oaea-content-width), 92vw) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
lign: center !important;
}

/* Der Bewertungsblock steht unter der Leiste, volle Inhaltsbreite */
.oaea-wrap + .oae-rating-wrap{
  display:block;
  width:100%;
  max-width:100%;
  margin-top:16px;
  clear:both;             /* falls oben floats benutzt werden */
  align-self:stretch;     /* falls Parent ein flex/grid hat */
}

/* Falls dein Parent ein Grid/Flex-Container ist: immer gesamte Zeile einnehmen */
.oaea-wrap + .oae-rating-wrap{
  grid-column: 1 / -1;    /* grid */
  flex-basis: 100%;       /* flex */
}

/* Optional: “plain” Optik (ohne dunklen Kasten) – auskommentieren, wenn du den Rahmen willst */
.oaea-wrap + .oae-rating-wrap{
  border:none;
  background:transparent;
  padding:0;
}

/* Bewertungsblock unterhalb der Leiste mittig ausrichten */
.oae-rating-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;   /* oder 720px, je nachdem wie breit du ihn willst */
}