/* BELLEGRAVES | MOURNING VEIL V4.7 — RIVER FLOW
   Vollständiger Ersatz für mourning_veil_ornaments.css
   Lädt nach mourning_veil_account.css und mourning_veil_v4.css.
   Bestehende Grafik: images/mourning-veil/mv-magnolia-flourish.svg
   Keine Änderungen an MyBB-Templates oder Klickfunktionen.
*/
:root {
  --mv47-gold: #c69a78;
  --mv47-gold-soft: rgba(198,154,120,.38);
  --mv47-burgundy: #4b2938;
  --mv47-dark: #1b151b;
}
/* Verbindender Hintergrund direkt unter dem Banner */
#header.mv-header {
  position: relative;
  background: linear-gradient(180deg, rgba(35,20,29,0) 0%, rgba(31,20,28,.65) 68%, rgba(27,21,27,.93) 100%);
}
#header #logo.mv-hero { margin-bottom: 0 !important; }
/* Benutzerpanel: sanft schwebend und optisch mit der Landschaft verbunden */
#header #panel.mv-member-panel {
  position: relative;
  z-index: 3;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  border-color: rgba(198,154,120,.42) !important;
  box-shadow: 0 12px 38px rgba(10,7,11,.33), inset 0 1px 0 rgba(255,225,202,.07) !important;
}
#header #panel.mv-member-panel::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent,rgba(238,187,142,.48),transparent);
  pointer-events: none;
}
/* Weicher Seitenhintergrund, ohne harte Fuge zwischen Header und Inhalt */
#content {
  position: relative;
  isolation: isolate;
  margin-top: 0 !important;
  border-top-color: rgba(195,143,110,.18) !important;
  background: radial-gradient(ellipse at 50% 0%,rgba(93,49,63,.14),transparent 55%),linear-gradient(180deg,#211921 0%,#1b161c 60%,#171318 100%) !important;
}
#content::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 140px;
  border-radius: inherit;
  background: linear-gradient(180deg,rgba(155,98,90,.06),transparent);
  pointer-events: none;
  z-index: 0;
}
#content > .wrapper {position: relative; z-index: 1;}
/* Breadcrumbs: kleinere Kapsel statt isolierter Textzeile */
#content .navigation {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 30px;
  margin: 0 0 7px !important;
  padding: 6px 14px !important;
  border-radius: 999px;
  border: 1px solid rgba(198,154,120,.24);
  background: rgba(74,39,54,.23);
  box-shadow: none;
  font-size: 12px;
}
/* Willkommen näher ans Panel; Seitenmotive bleiben hinter den echten Inhalten */
#content .mv-welcome {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 16px !important;
  padding: 4px 24px 10px !important;
  overflow: visible;
}
#content .mv-welcome::before,
#content .mv-welcome::after {
  content: "";
  position: absolute;
  top: 3px;
  width: clamp(115px,16vw,220px);
  height: clamp(230px,28vw,365px);
  background: url(../../../images/mourning-veil/mv-magnolia-flourish.svg) center/contain no-repeat;
  opacity: .42;
  z-index: 0;
  pointer-events: none;
}
#content .mv-welcome::before { left: -6%; }
#content .mv-welcome::after { right: -6%; transform: scaleX(-1); }
#content .mv-welcome-heading,
#content .mv-feature-grid,
#content .mv-welcome-end { position: relative; z-index: 1; }
#content .mv-welcome-heading {
  max-width: 790px;
  margin: 0 auto 20px !important;
  padding: 5px 12px 0 !important;
}
#content .mv-welcome-heading h1 {
  margin: 7px 0 8px !important;
  text-shadow: 0 5px 22px rgba(0,0,0,.48);
}
#content .mv-welcome-heading p { max-width: 680px; }
#content .mv-welcome-ornament { filter: drop-shadow(0 0 6px rgba(201,142,105,.16)); }
/* Brücke zwischen Karten und Forum */
#content .mv-welcome-end {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 20px auto 12px !important;
  padding: 0 8px;
  color: var(--mv47-gold);
}
#content .mv-welcome-end::before,
#content .mv-welcome-end::after {
  content: "";
  width: min(19vw,200px);
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--mv47-gold-soft));
}
#content .mv-welcome-end::after {transform:scaleX(-1);}
#content .mv-forums-area { position: relative; z-index: 1; }
#content .mv-category { box-shadow: 0 15px 35px rgba(0,0,0,.27),0 0 0 1px rgba(165,95,91,.05); }
/* Auf engen Geräten bleiben Text und Navigation nutzbar */
@media(max-width:1080px) {
  #content .mv-welcome::before,
  #content .mv-welcome::after { opacity:.24; }
  #content .mv-welcome::before {left:-2%;}
  #content .mv-welcome::after {right:-2%;}
}
@media(max-width:720px) {
  #content .mv-welcome {padding:3px 6px 8px !important;}
  #content .mv-welcome::before,
  #content .mv-welcome::after {display:none;}
  #content .mv-welcome-heading {padding:5px 8px 0 !important;}
  #content .mv-welcome-end {gap:9px; letter-spacing:1px;}
  #header #panel.mv-member-panel {margin-bottom:10px !important;}
}