/*
Theme Name:   VR-Multiverse Child
Theme URI:    https://www.vr-multiverse.com
Description:  Astra Child Theme – VR-Multiverse CI
Author:       VR-Multiverse
Author URI:   https://www.vr-multiverse.com
Template:     astra
Version:      1.0.0
Text Domain:  astra-vr-multiverse-child
*/

/* ============================================================
   CI VARIABLEN
   ============================================================ */
:root {
  --vrm-bg:           #1c1c1c;
  --vrm-surface:      #252525;
  --vrm-surface2:     #2e2e2e;
  --vrm-accent:       #214a98;
  --vrm-accent-light: #2d62cc;
  --vrm-border:       rgba(33, 74, 152, 0.25);
  --vrm-text:         #ffffff;
  --vrm-muted:        #a0a0a0;
  --vrm-tag-bg:       rgba(33, 74, 152, 0.12);
  --vrm-tag-border:   rgba(33, 74, 152, 0.45);
  --vrm-tag-color:    #6b8fe0;
}

/* ============================================================
   ALLGEMEINER SEITEN-HINTERGRUND
   ============================================================ */
body,
.ast-separate-container,
.ast-plain-container,
#page {
  background-color: var(--vrm-bg) !important;
  color: var(--vrm-text) !important;
}

/* ============================================================
   BLOG-ARCHIV ÜBERSCHRIFT & META
   ============================================================ */
.blog .ast-archive-description .ast-archive-title,
.ast-archive-title,
.page-title {
  color: var(--vrm-text) !important;
}

/* ============================================================
   BLOG-GRID LAYOUT
   Astra gibt jedem Beitrag die Klasse .ast-article-post
   ============================================================ */
.blog .ast-article-post,
.archive .ast-article-post {
  background: var(--vrm-surface) !important;
  border: 1px solid var(--vrm-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  margin-bottom: 2rem !important;
  padding: 0 !important;
}

.blog .ast-article-post:hover,
.archive .ast-article-post:hover {
  border-color: rgba(33, 74, 152, 0.55) !important;
  box-shadow: 0 4px 28px rgba(33, 74, 152, 0.12) !important;
}

/* ============================================================
   BEITRAGSBILD (Featured Image)
   ============================================================ */
.blog .ast-article-post .post-thumb,
.archive .ast-article-post .post-thumb {
  display: block;
  overflow: hidden;
  border-radius: 0 !important;
  margin: 0 !important;
}

.blog .ast-article-post .post-thumb img,
.archive .ast-article-post .post-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.blog .ast-article-post:hover .post-thumb img,
.archive .ast-article-post:hover .post-thumb img {
  transform: scale(1.04);
}

/* Kein Bild vorhanden – Platzhalter */
.blog .ast-article-post .post-thumb-none,
.archive .ast-article-post .post-thumb-none {
  height: 8px;
  background: linear-gradient(90deg, var(--vrm-accent), var(--vrm-accent-light));
  display: block;
}

/* ============================================================
   KARTEN-INHALT WRAPPER
   ============================================================ */
.blog .ast-article-post .entry-content-wrap,
.archive .ast-article-post .entry-content-wrap {
  padding: 1.5rem 1.8rem 1.8rem !important;
}

/* ============================================================
   KATEGORIE-TAG
   ============================================================ */
.blog .ast-article-post .entry-meta .category-style-1,
.archive .ast-article-post .entry-meta .category-style-1,
.blog .ast-article-post .ast-blog-single-element.ast-blog-post-category,
.archive .ast-article-post .ast-blog-single-element.ast-blog-post-category,
.blog .cat-links a,
.archive .cat-links a {
  display: inline-block;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--vrm-tag-color) !important;
  background: var(--vrm-tag-bg) !important;
  border: 1px solid var(--vrm-tag-border) !important;
  border-radius: 3px !important;
  padding: 0.22rem 0.65rem !important;
  margin-bottom: 0.75rem !important;
  text-decoration: none !important;
}

.blog .cat-links a:hover,
.archive .cat-links a:hover {
  background: rgba(33, 74, 152, 0.22) !important;
  color: #8aaaf0 !important;
}

/* ============================================================
   BEITRAGSTITEL
   ============================================================ */
.blog .ast-article-post .entry-title,
.archive .ast-article-post .entry-title {
  margin: 0.4rem 0 0.75rem !important;
  line-height: 1.25 !important;
}

.blog .ast-article-post .entry-title a,
.archive .ast-article-post .entry-title a {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: var(--vrm-text) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.blog .ast-article-post .entry-title a:hover,
.archive .ast-article-post .entry-title a:hover {
  color: #8aaaf0 !important;
}

/* ============================================================
   DATUM & META
   ============================================================ */
.blog .ast-article-post .posted-on,
.archive .ast-article-post .posted-on,
.blog .ast-article-post .entry-meta,
.archive .ast-article-post .entry-meta {
  color: var(--vrm-muted) !important;
  font-size: 0.78rem !important;
  margin-bottom: 0.85rem !important;
}

.blog .ast-article-post .posted-on a,
.archive .ast-article-post .posted-on a,
.blog .ast-article-post .entry-meta a,
.archive .ast-article-post .entry-meta a {
  color: var(--vrm-muted) !important;
  text-decoration: none !important;
}

/* Trennzeichen zwischen Datum und Autor ausblenden */
.blog .ast-article-post .ast-post-meta-separator,
.archive .ast-article-post .ast-post-meta-separator {
  color: var(--vrm-border) !important;
}

/* ============================================================
   AUSZUG (Excerpt)
   ============================================================ */
.blog .ast-article-post .entry-content p,
.archive .ast-article-post .entry-content p,
.blog .ast-article-post .entry-summary p,
.archive .ast-article-post .entry-summary p {
  color: #b0b0b0 !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  margin-bottom: 1.2rem !important;
}

/* ============================================================
   "WEITERLESEN" LINK
   ============================================================ */
.blog .ast-article-post .read-more a,
.archive .ast-article-post .read-more a,
.blog .ast-article-post .ast-read-more,
.archive .ast-article-post .ast-read-more {
  display: inline-block !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--vrm-text) !important;
  background: var(--vrm-accent) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.5rem 1.2rem !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}

.blog .ast-article-post .read-more a:hover,
.archive .ast-article-post .read-more a:hover,
.blog .ast-article-post .ast-read-more:hover,
.archive .ast-article-post .ast-read-more:hover {
  background: var(--vrm-accent-light) !important;
  color: #fff !important;
}

/* ============================================================
   TRENNLINIE ZWISCHEN KARTEN ENTFERNEN
   ============================================================ */
.blog .ast-article-post,
.archive .ast-article-post {
  border-bottom: none !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination .page-numbers,
.nav-links .page-numbers {
  color: var(--vrm-muted) !important;
  background: var(--vrm-surface) !important;
  border: 1px solid var(--vrm-border) !important;
  border-radius: 4px !important;
  padding: 0.4rem 0.85rem !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.nav-links .page-numbers:hover {
  background: var(--vrm-accent) !important;
  color: #fff !important;
  border-color: var(--vrm-accent) !important;
}

/* ============================================================
   SIDEBAR (falls aktiv)
   ============================================================ */
#secondary,
.ast-sidebar-wrap .widget {
  background: var(--vrm-surface) !important;
  border: 1px solid var(--vrm-border) !important;
  border-radius: 8px !important;
  padding: 1.5rem !important;
  color: var(--vrm-text) !important;
}

.ast-sidebar-wrap .widget-title {
  color: var(--vrm-text) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--vrm-border) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}