/* BELLEGRAVES | Mourning Veil V2
   Ergänzung zur bestehenden mourning_veil.css, MyBB 1.8.
   Als neues Stylesheet auf ALLEN Seiten einbinden, nach global.css und mourning_veil.css.
*/
:root{--mv2-ink:#19161a;--mv2-night:#211c21;--mv2-wine:#633440;--mv2-gold:#c5a47b;--mv2-text:#eadbcd;--mv2-muted:#cbbab0}
/* Der Header bekommt eine klare eigene Bühne statt überlagerten Elementen. */
#header{padding-top:22px}
#logo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:235px;padding:40px 24px 32px!important;overflow:visible;isolation:isolate;background:radial-gradient(ellipse at 50% 15%,rgba(126,69,80,.35),transparent 63%),linear-gradient(130deg,#3b222d,#1b171b 73%)!important;border:1px solid #684b52!important;border-bottom:2px solid var(--mv2-gold)!important;box-shadow:0 18px 42px rgba(0,0,0,.27)}
#logo:before{position:relative;display:block;max-width:100%;font-size:clamp(32px,5.1vw,68px)!important;line-height:1.25!important;letter-spacing:clamp(.04em,.65vw,.15em)!important;overflow-wrap:anywhere;color:#f5e5d3!important;text-align:center;margin:0 0 13px!important}
#logo:after{position:relative;display:block;max-width:100%;font-size:12px!important;line-height:1.5!important;letter-spacing:clamp(.1em,.4vw,.33em)!important;text-align:center;margin:0!important;color:var(--mv2-gold)!important}
/* MyBB platziert Navigation je nach Template innerhalb des Logos. */
#logo ul.menu,#header ul.menu{box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 12px;margin:21px auto 0!important;padding:12px 16px!important;list-style:none;background:rgba(20,17,21,.58)!important;border:1px solid #654751!important;border-radius:4px}
#logo ul.menu li,#header ul.menu li{float:none;display:inline-flex;align-items:center;margin:0!important;padding:0!important}
#logo ul.menu li a,#header ul.menu li a{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 12px!important;color:#f1ded0!important;background:none!important;font:600 12px/1.35 Georgia,'Times New Roman',serif!important;text-transform:uppercase;letter-spacing:.08em!important;border-radius:3px;transition:background .2s,color .2s}
#logo ul.menu li a:hover,#header ul.menu li a:hover{background:#663a48!important;color:#fff!important}
/* MyBB-Sprite-Padding und Positionen entfernen: keine halb abgeschnittenen Icons. */
#header ul.menu li a.search,#header ul.menu li a.memberlist,#header ul.menu li a.calendar,#header ul.menu li a.help,#header ul.menu li a.portal{background-image:none!important;padding-left:12px!important}
/* Benutzerpanel: helles Standardfeld übersteuern und das Layout harmonisieren. */
#panel{box-sizing:border-box;margin:14px 0 24px!important;padding:0!important;overflow:visible;background:var(--mv2-night)!important;border:1px solid #60454e!important;border-left:3px solid #ae7984!important;box-shadow:0 9px 24px rgba(0,0,0,.2)}
#panel .upper,#panel .lower{box-sizing:border-box;display:block;float:none;min-height:45px;overflow:auto;clear:both;padding:12px 17px!important;background:#292328!important;color:var(--mv2-text)!important;border:0!important;line-height:1.7}
#panel .upper{background:linear-gradient(90deg,#32252d,#211d22)!important;border-bottom:1px solid #5a444b!important}
#panel .lower{background:#292329!important;border-top:1px solid #3b3036!important}
#panel .upper a,#panel .lower a,#panel .upper a:link,#panel .lower a:link,#panel .upper a:visited,#panel .lower a:visited{color:#f0cacc!important}
#panel .upper a:hover,#panel .lower a:hover{color:#fff!important}
#panel .lower ul.panel_links,#panel .lower ul.user_links{float:none!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;list-style:none;margin:0!important;padding:0!important}
#panel .lower ul.user_links{margin-top:7px!important}
#panel .lower ul.panel_links li,#panel .lower ul.user_links li{display:inline-block;float:none;margin:0;padding:0}
#panel .lower ul.panel_links a,#panel .lower ul.user_links a{display:inline-block;padding:6px 10px!important;background:#372b33!important;border:1px solid #60464f;border-radius:3px;font-size:12px;letter-spacing:.03em}
#panel .lower ul.panel_links a:hover,#panel .lower ul.user_links a:hover{background:#5a3743!important}
#panel .lower ul.panel_links a.usercp,#panel .lower ul.panel_links a.modcp,#panel .lower ul.panel_links a.admincp{background-image:none!important}
#panel input.textbox,#panel input[type='text']{width:min(230px,100%);background:#1e1a1e!important;color:#f5e7d9!important;border:1px solid #77535f!important}
#search{float:none;display:inline-flex;align-items:center;gap:7px;margin:5px 0!important}
#search input{margin:0!important}
/* Lesbarkeit und Spacing */
#content{padding-top:26px!important}
.navigation{color:var(--mv2-muted)!important}
.smalltext{color:#cbb9af!important}
.trow1,.trow2{color:#eee0d3!important}
#footer .upper,#footer .lower{color:#d0beb2!important}
@media(max-width:800px){#logo{min-height:190px;padding:25px 12px!important}#logo ul.menu,#header ul.menu{gap:4px;padding:9px!important}#panel .lower ul.panel_links,#panel .lower ul.user_links{gap:6px}}
@media(max-width:540px){#logo:before{font-size:clamp(25px,9vw,40px)!important;letter-spacing:.03em!important}#logo:after{font-size:9px!important;letter-spacing:.09em!important}#logo ul.menu li a,#header ul.menu li a{font-size:10px!important;padding:7px 8px!important}#panel .upper,#panel .lower{padding:10px!important}}