/**
 * Christ Embassy Bremen — gold accent + SVG hero icons (no emoji)
 * Loaded sitewide from header.php after style.css
 */

:root {
  --ceb-gold: #f4d03f;
  --ceb-gold-bright: #fff6b3;
  --ceb-red-vivid: #ff3355;
  --ceb-red-deep: #d91a3c;
  --ceb-gold-muted: rgba(244, 208, 63, 0.28);
  --ceb-gold-line: rgba(244, 208, 63, 0.65);
  /* Vivid fusion: red → gold → yellow highlight → blue (life / energy) */
  --ceb-vivid-line: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 45, 75, 0.95) 12%,
    #ff6b4a 28%,
    #f4d03f 48%,
    #fff0a3 52%,
    #5eb0ff 78%,
    rgba(73, 168, 255, 0.65) 88%,
    transparent 100%
  );
  --ceb-accent-line: var(--ceb-vivid-line);
}

/* --- Header: vivid red + gold + blue glow (same bar structure) --- */
.site-header::after {
  height: 3px !important;
  background: var(--ceb-vivid-line) !important;
  box-shadow:
    0 0 16px rgba(255, 45, 75, 0.55),
    0 0 22px rgba(244, 208, 63, 0.45),
    0 0 14px rgba(73, 168, 255, 0.4) !important;
}

/* Theme toggle: icon color */
#theme-toggle {
  color: #e8eaef;
  border-color: rgba(228, 193, 90, 0.35) !important;
}

#theme-toggle:hover {
  border-color: var(--ceb-gold) !important;
  color: var(--ceb-gold-bright);
}

.ceb-theme-toggle-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.ceb-theme-toggle-icons svg {
  width: 18px;
  height: 18px;
}

/* --- Hero bottom accent line (vivid, matches header energy) --- */
.about-hero::after,
.contact-hero::after,
.donate-hero::after,
.branches-hero::after,
.statement-hero::after,
.vision-hero::after,
.prof-hero::after,
.privacy-hero::after {
  height: 3px !important;
  background: var(--ceb-vivid-line) !important;
  box-shadow:
    0 0 14px rgba(255, 45, 75, 0.45),
    0 0 18px rgba(244, 208, 63, 0.35),
    0 0 12px rgba(73, 168, 255, 0.35) !important;
}

/* --- Hero title icons (SVG, gold stroke) --- */
.contact-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

.donate-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

.branches-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

.statement-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.051.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.051.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

/* Vision: target / bullseye */
.vision-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23E8C547' stroke='none'/%3E%3C/svg%3E")
    no-repeat center / contain;
}

/* Profession of faith: Latin cross */
.prof-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='2'%3E%3Cpath stroke-linecap='round' d='M12 5v14M8 12h8' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

.privacy-hero h1::before {
  content: "";
  display: inline-block;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8C547' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z' /%3E%3C/svg%3E")
    no-repeat center / contain;
}

/* Cookie banner language chips */
.ceb-lang-tag {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ceb-gold);
  border: 1px solid var(--ceb-gold-line);
  padding: 3px 8px;
  border-radius: 4px;
  margin-right: 8px;
  vertical-align: middle;
  background: rgba(228, 193, 90, 0.08);
}

/* Contact rows: optional icon spacing */
.ceb-contact-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ceb-contact-row svg {
  flex-shrink: 0;
  margin-top: 0.2rem;
  color: var(--ceb-gold);
}

/* Footer: vivid top glow (same language as header line) */
.ce-footer {
  position: relative !important;
  border-top: none !important;
  padding-top: 36px !important;
}

.ce-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--ceb-vivid-line);
  box-shadow:
    0 0 14px rgba(255, 45, 75, 0.4),
    0 0 18px rgba(244, 208, 63, 0.3),
    0 0 12px rgba(73, 168, 255, 0.3);
}

/* Location / branch cards: vivid hover (sizing lives in page templates) */
.branch-card {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
}

.branch-card:hover {
  box-shadow:
    0 0 22px rgba(255, 45, 75, 0.38),
    0 0 20px rgba(244, 208, 63, 0.28),
    0 12px 36px rgba(0, 0, 0, 0.45) !important;
}