/* ===============================
   Event Single Styles
   =============================== */

.hie-single {
  --gap:clamp(16px,2vw,24px);
  --radius:var(--hie-radius-lg);
  --shadow:0 8px 28px rgba(0,0,0,.08);
  --text:#111827;
  --muted:#6b7280;
  --chip-bg:#eef2ff;
  --chip-border:#c7d2fe;
  --chip-text:#3730a3;
  --hie-btn-scale: 1;
  --hie-btn-font-size: calc(.8rem * var(--hie-btn-scale));
  --hie-btn-pad-y: calc(.6rem * var(--hie-btn-scale));
  --hie-btn-pad-x: calc(2rem * var(--hie-btn-scale));
  font-family: var(--e-global-typography-text-font-family, var(--wp--preset--font-family--body, inherit));
}
.hie-single h1,
.hie-single h2,
.hie-single h3,
.hie-single h4,
.hie-single h5,
.hie-single h6,
.hie-single .hie-hero__title {
  font-family: var(--e-global-typography-primary-font-family, var(--wp--preset--font-family--heading, inherit));
}
.hie-single .wrap { max-width:1200px; margin:0 auto; padding:clamp(16px,3vw,32px); }

/* HERO */
.hie-hero { position:relative; border-radius:var(--radius); overflow:hidden; isolation:isolate; min-height:300px; }
.hie-hero__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hie-hero__scrim { position:absolute; inset:0; background:linear-gradient(180deg, rgba(12,16,24,.70) 0%, rgba(12,16,24,.60) 45%, rgba(12,16,24,.45) 100%); }
.hie-hero__content { position:relative; z-index:1; display:flex; align-items:center; min-height:300px; padding:clamp(18px,4vw,34px); }
.hie-hero__panel {
  background:rgba(15,18,24,.62);
  backdrop-filter:blur(6px) saturate(1.1);
  border-radius:var(--hie-radius-lg);
  color:#fff;
  padding:clamp(14px,2.2vw,22px);
  max-width:min(100%,980px);
}
.hie-hero__badges { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:8px; }
.hie-badge { display:inline-block; padding:.32rem .7rem; border-radius:var(--hie-radius-pill); background:var(--chip-bg);color:var(--chip-text); font-size:.7rem; line-height:1.15; font-weight:600; }
.hie-hero__title { color:#fff!important; font-size:clamp(1.6rem,3.1vw,2.3rem)!important; line-height:1.15!important; margin:15px 0!important; text-shadow:0 2px 10px rgba(0,0,0,.55); }
.hie-hero__meta { display:flex; flex-wrap:wrap; gap:14px; font-size:1rem; opacity:.98; line-height:1.5; color:#fff; }
.hie-hero__meta > div { display:flex; align-items:center; gap:8px; }
.hie-hero__actions { margin-top:20px; display:flex; flex-wrap:wrap; gap:10px; }

/* BUTTONS */
.hie-single .hie-btn {
  font-size:var(--hie-btn-font-size)!important;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:var(--hie-btn-pad-y) var(--hie-btn-pad-x);
  border-radius:var(--hie-radius-md);
  border:1px solid var(--hie-btn-base, var(--hie-primary));
  background:rgba(255,255,255,.08);
  color:var(--hie-btn-base, var(--hie-primary));
  text-decoration:none;
  backdrop-filter:saturate(1.2);
  transition:transform .08s ease, background .2s, border-color .2s;
}
.hie-single .hie-btn:hover {
  background:var(--hie-btn-outline-hover-bg, var(--hie-btn-base, var(--hie-primary)));
  color:var(--hie-btn-outline-hover-text, var(--hie-btn-text, var(--hie-button-text)));
  border-color:var(--hie-btn-outline-hover-bg, var(--hie-btn-base, var(--hie-primary)));
}
.hie-single .hie-btn:active { transform:translateY(1px); }
.hie-single .hie-btn--ghost { border-color:var(--hie-primary); background:transparent; }

/* Hero buttons: default white */
.hie-hero .hie-btn {
  border-color:rgba(255,255,255,.65);
  color:#fff;
}
.hie-hero .hie-btn:hover {
  background:#fff;
  color:#111827;
}
.hie-hero .hie-btn--ghost {
  border-color:rgba(255,255,255,.35);
}

/* GRID */
.hie-layout { display:grid; grid-template-columns:1fr; gap:var(--gap); margin-top:var(--gap); }
@media(min-width:980px){ .hie-layout{ grid-template-columns:minmax(0,2fr) minmax(0,1fr); } }
.hie-card { background:var(--hie-card-bg); border-radius:var(--radius); box-shadow:var(--shadow); }
.hie-card__body { padding:clamp(16px,2.5vw,24px); }

/* DESCRIPTION */
.hie-description { line-height:1.75; color:var(--text); font-size:1.05rem; }
.hie-muted { color:var(--muted); }

/* GALLERY */
.hie-gallery { margin-top:1rem; display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:10px; }
.hie-gallery--spaced { margin-top:2rem; }
.hie-gallery--flush { margin-top:0; }
.hie-gallery--single { max-width:65%;}
.hie-gallery img { width:100%; height:auto; display:block; border-radius:var(--hie-radius-sm); }

/* SIDEBAR */
.hie-card-media-col{border-top-left-radius: var(--hie-radius-lg); border-top-right-radius: var(--hie-radius-lg);}
.hie-card-media-col--sidebar img{border-top-left-radius: var(--hie-radius-lg); border-top-right-radius: var(--hie-radius-lg); width: 100%; height: auto; display: block;}

.hie-meta-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.hie-meta-list li { display:grid; grid-template-columns:36px 1fr; align-items:start; gap:15px; line-height:1.5rem; padding-bottom:14px; }
.hie-meta-list .k { width:36px; height:36px; border-radius:var(--hie-radius-round); display:flex; align-items:center; justify-content:center; background:#eef2f7; color:#27324a; font-size:18px; box-shadow:inset 0 0 0 1px #e5e7eb; }
.hie-meta-list .v strong { display:block; margin-bottom:2px; }
.hie-meta-list a { font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.hie-meta-list .chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.hie-meta-list .chips .hie-badge { background:var(--chip-bg); border-color:var(--chip-border); color:var(--chip-text); }

.hie-details { margin-top:var(--gap); }
.hie-details details { border:1px solid #e5e7eb; border-radius:var(--hie-radius-md); padding:10px 12px; background:#fafafa; }
.hie-details summary { cursor:pointer; font-weight:700; }

/* TABLE */
.hie-kv { width:100%; border-collapse:collapse; font-size:.96rem; }
.hie-kv th,.hie-kv td { padding:8px 10px; border-bottom:1px solid #eee; vertical-align:top; }
.hie-kv th { text-align:left; color:#374151; white-space:nowrap; }

/* BOTTOM ACTIONS */
.hie-actions-bottom { display:flex; flex-wrap:wrap; gap:10px; margin-top:var(--gap); }
.hie-actions-bottom .hie-btn{ color:#000!important; }

/* Responsive */
@media(max-width:640px){
  .hie-hero__content{ padding:16px; }
  .hie-hero__panel{ padding:14px; border-radius:var(--hie-radius); }
  .hie-hero__title{ font-size:1.5rem; }
}

@media (max-width:980px){
  .hie-gallery--single { max-width:100%; }
}

/* Title/Branding hide in Detailpage */
.hie-event-detail .site-title,
.hie-event-detail .site-branding,
.hie-event-detail .header-title,
.hie-event-detail .site-logo,
.hie-event-detail h1.page-title,
.hie-event-detail .entry-title,
.hie-event-detail .site-title,
.hie-event-detail .site-branding,
.hie-event-detail .header-title,
.hie-event-detail .site-logo,
.hie-event-detail h1.page-title,
.hie-event-detail .entry-title {
  display: none !important;
}

/* Force meta to stack vertically (one row per line) */
.hie-hero__meta{
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 6px;           /* Abstand zwischen den Zeilen */
}

/* Jede Zeile ist ein Block */
.hie-hero__meta .hie-meta-row{
  display: block;
  width: 100%;
  color: #ffffff;
}

/* Falls altes CSS mit Flex härter ist, notfalls: */
@media (min-width: 0px){
  .hie-hero__meta{ flex-direction: column !important; flex-wrap: nowrap !important; }
}