/* Hochzeits-Theme: Elfenbein + Roségold. Unabhängig von den Admin-Farbeinstellungen
   (html:root + !important schlagen die Werte aus _CustomThemeOverrides). */
html:root, body {
  color-scheme: light;
  /* Memtly erwartet RGB-Tripel ("r, g, b"), nicht Hex: das Projekt nutzt sie als rgb(var(--x)) bzw. rgba(var(--x), .5) */
  --body-bg: 251, 246, 243 !important;       /* #FBF6F3 */
  --navbar-bg: 251, 246, 243 !important;
  --navbar-text: 90, 64, 72 !important;      /* #5A4048 */
  --text-contrast: 62, 44, 49 !important;    /* #3E2C31 dunkle Schrift (Memtly nutzt diese Variable als Haupt-Textfarbe) */
  --primary-1: 143, 78, 90 !important;       /* #8F4E5A */
  --primary-2: 166, 95, 107 !important;      /* #A65F6B Roségold, dunkel genug für weißen Text */
  --primary-3: 212, 154, 146 !important;     /* #D49A92 */
  --secondary-1: 201, 154, 142 !important;   /* #C99A8E */
  --secondary-2: 232, 207, 198 !important;   /* #E8CFC6 */
}

body {
  background: #FBF6F3 !important;
  color: #3E2C31;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.6;
}

/* Landing Page */
.wd-wrap { max-width: 440px; margin: 0 auto; padding: 2.5rem 1.25rem 3rem; text-align: center; }

.wd-arch {
  width: min(72vw, 280px);
  aspect-ratio: 3 / 4;
  margin: 0 auto 2rem;
  border-radius: 999px 999px 0 0;
  overflow: hidden;
  background: #E8CFC6;
  box-shadow: 0 0 0 8px #FBF6F3, 0 0 0 9px #C99A8E;
}
.wd-arch img { width: 100%; height: 100%; object-fit: cover; display: block; }

.wd-names { font-size: clamp(2.4rem, 10vw, 3.4rem); font-style: italic; font-weight: 400; color: #8F4E5A; margin: 0; line-height: 1.1; }
.wd-date  { margin: .5rem 0 0; color: #7A6068; font-size: 1.05rem; }
.wd-rule  { width: 56px; height: 1px; background: #C99A8E; border: 0; margin: 1.75rem auto; opacity: 1; }
.wd-intro { margin: 0 auto 1.75rem; color: #5A4048; max-width: 32ch; }

.wd-wrap .form-control {
  background: #fff;
  border: 1px solid #E3CBC2;
  border-radius: 2px;
  padding: .8rem 1rem;
  text-align: center;
}
.wd-wrap .form-control:focus { border-color: #A65F6B; box-shadow: 0 0 0 3px rgba(166, 95, 107, .18); }
.wd-wrap .form-text { color: #7A6068; margin: .5rem 0 1.25rem; }

.wd-wrap .btn-primary-2, .btn-primary-2 {
  background: #A65F6B;
  border: 1px solid #A65F6B;
  color: #fff;
  border-radius: 2px;
  padding: .85rem 1rem;
  letter-spacing: .02em;
}
.wd-wrap .btn-primary-2:hover, .btn-primary-2:hover { background: #8F4E5A; border-color: #8F4E5A; color: #fff; }

/* Galerie: Kopfbereich mit Foto über dem Upload-Feld */
.wd-gallery-hero { text-align: center; padding: 1.5rem 1rem .5rem; }
.wd-arch-sm { width: min(52vw, 200px); margin-bottom: 1.25rem; }
.wd-gallery-hero .wd-intro { margin-bottom: 1rem; }

header.file-uploader.bg-dark { background: transparent !important; }
.upload_drop {
  background: #fff;
  color: #3E2C31;
  border: 1px dashed #C99A8E;
  border-radius: 4px;
}
.upload_drop .upload_svg { fill: #A65F6B; color: #A65F6B; }

/* Navigation: kein Logo, ruhiger Titel */
.navbar { background: #FBF6F3 !important; border-bottom: 1px solid #EBD9D1; }
.navbar-logo { display: none !important; }
.navbar-title { font-style: italic; color: #8F4E5A; font-size: 1.25rem; }

/* Footer: dezent, ohne Sponsoren-Badges */
footer { background: transparent !important; }
footer p, footer a { color: #9A8086 !important; font-size: .75rem; }
.fa-sponsor-badge, .btn-show-sponsors { display: none !important; }

/* Formulare und Popups: dunkle, gut lesbare Schrift auf hellem Grund */
.form-control, .form-select {
  background: #fff !important;
  color: #3E2C31 !important;
  border: 1px solid #E3CBC2;
}
.form-control::placeholder { color: #9A8086; opacity: 1; }
.form-text, .form-label, label { color: #6B525A !important; }
.modal-content, .modal .card { background: #FBF6F3; color: #3E2C31; }

/* Buttons in Roségold behalten weiße Schrift */
[class*="btn-primary"] { color: #fff !important; }