/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Description: Child Theme für Blocksy
Version: 1.0
*/

/* ============================
   GLOBAL – Hintergrundfarbe (Desktop + iPhone)
   ============================ */

html,
body,
#main,
.ct-main-content,
.ct-container,
.ct-content,
.ct-page-content,
.ct-site-content,
.ct-wrapper {
    background-color: #1f3b7b !important; /* Jubiläums-Blau */
}

/* Weiße Boxen sollen sich klar abheben */
.post-type-archive-termine .termin-item,
.single-termine .termin-single-box {
    background: #fff !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* ============================
   ARCHIV – Terminliste
   ============================ */

.post-type-archive-termine .termine-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2rem;
  width: 100%;
  margin-top: 2rem;
}

.post-type-archive-termine .termin-item {
  width: 80% !important;
  max-width: 800px !important;
  padding: 1.5rem;
  text-align: center !important;
  margin: 0 auto !important;
}

.post-type-archive-termine .termin-thumb {
  text-align: center;
  margin-bottom: 1rem;
}

.post-type-archive-termine .termin-thumb img {
  width: 120px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.post-type-archive-termine .termin-item h2 {
  font-size: 1.6rem;
  margin-bottom: 0.3rem;
  color: var(--accent-color);
}

.post-type-archive-termine .termin-datum {
  font-weight: 600;
  margin-top: 0.5rem;
}

.post-type-archive-termine .termin-ort {
  color: #d63384;
  font-weight: 600;
}

/* Kurzbeschreibung in der LISTE */
.post-type-archive-termine .termin-kurz {
  font-style: normal;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

/* Jahresüberschrift – WEISS */
.post-type-archive-termine .jahr-titel {
  text-align: center !important;
  font-size: 2rem;
  margin: 3rem 0 1rem 0;
  color: #ffffff !important; /* weiß */
  font-weight: 700;
  display: block !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.4); /* bessere Lesbarkeit */
}

/* ============================
   EINZELANSICHT – Termin
   ============================ */

.single-termine .termin-detail {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 2rem;
  text-align: center;
}

.single-termine .termin-single-box {
  padding: 2rem;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.single-termine .entry-content,
.single-termine .ct-container,
.single-termine .ct-main-content {
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.single-termine .termin-single-thumb img {
  width: 660px;
  height: auto;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.single-termine .termin-single-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--accent-color);
}

.single-termine .termin-single-datum {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.single-termine .termin-single-ort {
  color: #d63384;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Kurzbeschreibung EINZELANSICHT */
.single-termine .termin-single-kurz {
  font-style: normal;
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
  background: rgba(0,0,0,0.05);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.single-termine .termin-single-content {
  margin-top: 2rem;
  text-align: left;
}

/* Logo mittig */
.single-termine .default-logo {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.single-termine .ct-header,
.single-termine .ct-header-main,
.single-termine .ct-header-section {
  text-align: center;
}

/* ============================
   Zurück-Button
   ============================ */

.termin-back {
  margin-top: 2rem;
  text-align: center;
}

.termin-back-btn {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  background: #8a0030;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.2s;
}

.termin-back-btn:hover {
  background: #5c0020;
}

/* ============================
   Startseite Terminliste
   ============================ */

.termine-startseite {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

.termin-item {
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.termin-bild {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 6px;
}

.termin-titel {
  margin: 0 0 0.5rem 0;
}

.termin-meta {
  margin-bottom: 1rem;
  line-height: 1.4;
}

.termin-text {
  line-height: 1.6;
}

.post-type-archive-termine .ct-header-search {
  display: none !important;
}

/* Header-Logo mittig */
.site-branding,
.site-logo-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.site-logo-container img.default-logo {
  display: block !important;
  margin: 0 auto !important;
  height: auto !important;
}