/* BELLEGRAVES | MOURNING VEIL V3 : RIVER EMBRACE
   Zusätzliche CSS-Datei. Nach global.css, mourning_veil.css und mourning_veil_v2.css laden.
   Benötigt /images/mourning-veil/mv-river-banner.jpg
   Keine Original-MyBB-Templates verändern. */
:root{--mv3-gold:#c8a27a;--mv3-line:rgba(188,130,111,.45);--mv3-wine:#713846;--mv3-ink:#171216}
html,body{background-color:#161316!important}
body{background-image:radial-gradient(ellipse at 48% 0,rgba(112,56,66,.32),transparent 58%),linear-gradient(180deg,#1c151b,#171316 56%,#100f12)!important}
#header{padding-top:0!important}
#logo{min-height:390px!important;padding:75px 24px 44px!important;border:0!important;border-bottom:2px solid #bd916c!important;box-shadow:0 22px 42px #110d12!important;background:linear-gradient(90deg,rgba(16,11,15,.2),rgba(31,13,22,.5) 43%,rgba(31,13,22,.44) 57%,rgba(15,9,13,.13)),linear-gradient(0deg,#1b1519 0%,transparent 25%),url(../../../images/mourning-veil/mv-river-banner.jpg) center 40%/cover no-repeat!important;overflow:visible!important}
#logo:before{content:'BELLEGRAVES'!important;position:relative;z-index:2;color:#f6e4d2!important;font:normal clamp(44px,6vw,83px)/1.1 Georgia,'Times New Roman',serif!important;letter-spacing:.12em!important;text-shadow:0 3px 6px #160e14,0 8px 30px #130b10!important;margin-top:18px!important}
#logo:after{content:'WHERE THE RIVER REMEMBERS'!important;position:relative;z-index:2;color:#f1c29e!important;letter-spacing:.32em!important;text-shadow:0 2px 12px #000!important;margin-top:12px!important}
#header ul.menu,#logo ul.menu{position:relative;z-index:3;width:min(1120px,calc(100% - 28px))!important;margin:35px auto 0!important;background:linear-gradient(110deg,rgba(39,20,27,.94),rgba(20,14,19,.96))!important;border:1px solid rgba(207,157,112,.7)!important;border-radius:100px!important;box-shadow:0 11px 27px #130b12, inset 0 1px 0 rgba(253,217,177,.14)!important;padding:10px 22px!important}
#header ul.menu li a,#logo ul.menu li a{border-radius:35px!important;padding:9px 16px!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
#header ul.menu li a:hover,#logo ul.menu li a:hover{background:rgba(133,64,79,.65)!important;transform:translateY(-1px)}
#panel{border:1px solid var(--mv3-line)!important;border-left:1px solid var(--mv3-line)!important;border-radius:27px!important;overflow:hidden!important;margin:18px auto 26px!important;max-width:1340px;background:#201a20!important;box-shadow:0 15px 32px rgba(0,0,0,.26)!important}
#panel .upper,#panel .lower{background:linear-gradient(100deg,rgba(63,35,44,.88),rgba(28,22,28,.97))!important;padding:13px 22px!important}
#panel .lower ul.panel_links a,#panel .lower ul.user_links a,#panel input.button,#search input.button{border-radius:100px!important}
#search input.textbox,#search input[type=text]{border-radius:100px!important;padding:9px 14px!important}
#content{background:linear-gradient(180deg,rgba(30,25,31,.94),rgba(22,19,24,.97))!important;border:1px solid rgba(132,83,84,.29)!important;border-radius:34px!important;padding:31px clamp(15px,3vw,40px) 45px!important;box-shadow:0 18px 45px rgba(0,0,0,.29)!important}
.tborder{border:1px solid rgba(171,104,106,.55)!important;border-radius:28px!important;overflow:hidden!important;border-collapse:separate!important;border-spacing:0!important;background:#211b22!important;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,224,188,.1)!important;margin-bottom:25px!important}
.thead{background:linear-gradient(100deg,#783b4b,#482932 65%,#36242d)!important;border-bottom:1px solid #c19a76!important;padding:15px 22px!important}
.tcat{background:#35262d!important}
.trow1,.trow2{background:#241e25!important}
.trow2{background:#292229!important}
.trow1:hover,.trow2:hover{background:#352832!important}
#footer .upper{border-radius:22px 22px 0 0!important}
input.textbox,textarea,select,button,input.button{border-radius:12px}
@media(max-width:850px){#logo{min-height:330px!important;padding:65px 12px 28px!important}#logo:before{font-size:clamp(34px,7vw,58px)!important}#header ul.menu,#logo ul.menu{width:calc(100% - 10px)!important;margin-top:25px!important}#content{border-radius:22px!important}}
@media(max-width:540px){#logo{min-height:280px!important;padding:57px 9px 20px!important}#logo:before{font-size:clamp(26px,8.5vw,42px)!important;letter-spacing:.05em!important}#logo:after{font-size:9px!important;letter-spacing:.13em!important}#panel{border-radius:17px!important}#header ul.menu,#logo ul.menu{border-radius:24px!important}#content{padding:14px 8px!important}.tborder{border-radius:18px!important}}
