@import url("../../prosilver/theme/stylesheet.css");

:root { --bt-bg:#090a0a; --bt-surface:#101111; --bt-raised:#171818; --bt-row:#121313; --bt-row-alt:#161717; --bt-line:#30302d; --bt-line-soft:#242421; --bt-gold:#c99a45; --bt-gold-bright:#edc66e; --bt-text:#ddd9ce; --bt-muted:#96938a; --bt-radius:8px; --bt-width:1580px; }
* { box-sizing:border-box; }
html { background:var(--bt-bg); }
body { margin:0; overflow-x:hidden; color:var(--bt-text); background:radial-gradient(circle at 50% 18rem,rgba(84,67,34,.12),transparent 42rem),linear-gradient(90deg,#080909,#0d0e0e 50%,#080909); font:14px/1.45 Inter,"Segoe UI",system-ui,-apple-system,sans-serif; }
a,a:link,a:visited { color:var(--bt-gold); text-decoration:none; }
a:hover,a:focus { color:var(--bt-gold-bright); text-decoration:none; }

.bt-topbar { position:sticky; top:0; z-index:100; height:58px; border-bottom:0; background:rgba(10,11,11,.94); backdrop-filter:blur(16px); box-shadow:0 8px 30px rgba(0,0,0,.25); }
.bt-topbar-inner { max-width:var(--bt-width); height:100%; margin:auto; padding:0 18px; display:flex; align-items:center; gap:24px; }
.bt-brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.bt-brand img { display:block; width:auto; height:46px; }
.bt-crest { width:34px; height:34px; display:grid; place-items:center; border:1px solid #8d6b31; border-radius:50% 44% 50% 42%; color:#dfb659; background:radial-gradient(circle,#302714,#111); box-shadow:inset 0 0 0 3px #0b0c0c,0 0 18px rgba(201,154,69,.12); }
.bt-primary-nav { display:flex; align-self:stretch; align-items:stretch; }
.bt-primary-nav a { display:flex; align-items:center; padding:0 14px; color:#c3c0b7; font-weight:600; border-bottom:2px solid transparent; }
.bt-primary-nav a:hover,.bt-primary-nav a.active { color:#f0d58d; background:linear-gradient(rgba(255,255,255,.045),rgba(255,255,255,.018)); border-bottom-color:var(--bt-gold); }
.bt-top-actions { margin-left:auto; display:flex; align-items:center; gap:14px; }
.bt-top-search { display:flex; width:245px; height:34px; border:1px solid #373733; border-radius:6px; background:#090a0a; overflow:hidden; }
.bt-top-search input { width:100%; min-width:0; padding:0 12px; color:#ddd; border:0; outline:0; background:transparent; }
.bt-top-search button { width:38px; color:var(--bt-gold); border:0; background:transparent; cursor:pointer; }
.bt-login { white-space:nowrap; color:#d5d1c6!important; font-weight:600; }

#wrap { max-width:none; padding:0 0 36px; border:0!important; border-radius:0; background:transparent; }
#page-header,#page-body,#page-footer { max-width:var(--bt-width); margin-left:auto; margin-right:auto; padding-left:18px; padding-right:18px; }
.headerbar { width:100vw; min-height:205px; margin:0 0 18px calc(50% - 50vw); border:0; border-radius:0; background:linear-gradient(90deg,rgba(8,9,9,.66),rgba(8,9,9,.02) 42%,rgba(8,9,9,.05)),linear-gradient(0deg,rgba(9,10,10,.3),transparent 62%),url("./images/blackthorn-banner.webp") center 42%/cover no-repeat; box-shadow:inset 0 -1px #34332f; }
.headerbar>.inner { max-width:var(--bt-width); height:205px; margin:auto; padding:0 36px; display:flex; align-items:center; }
.site-description { width:auto; margin:0; float:none; }
.site-description .logo { display:none; }
.bt-eyebrow { display:block; margin-bottom:4px; color:var(--bt-gold); font:600 15px/1.2 Georgia,serif; letter-spacing:.03em; }
.site-description h1 { margin:0; color:#f2efe7; font:500 42px/1.06 Georgia,serif; letter-spacing:-.015em; text-shadow:0 3px 12px #000; }
.site-description p { margin-top:8px; color:#c7c2b5; font:15px Georgia,serif; text-shadow:0 2px 7px #000; }
.search-header { display:none; }

.navbar { margin:0 0 12px; padding:0; border:1px solid var(--bt-line); border-radius:var(--bt-radius); color:var(--bt-muted); background:linear-gradient(#181919,#101111); box-shadow:0 8px 28px rgba(0,0,0,.2); }
.navbar>.inner { padding:0; }
.nav-main { min-height:38px; padding:0 13px!important; border-bottom:1px solid var(--bt-line-soft); display:flex; align-items:center; }
.nav-breadcrumbs { min-height:36px; padding:0 13px!important; display:flex; align-items:center; border-top:0!important; }
.navbar a { color:#c7a35b; }
.game-account-login { font-weight:600; }

.forabg,.forumbg,.panel,.post,.cp-main .pm { border:1px solid var(--bt-line); border-radius:var(--bt-radius); background:var(--bt-surface); box-shadow:0 8px 28px rgba(0,0,0,.16); }
.forabg,.forumbg { margin:0 0 6px; padding:0; overflow:hidden; }
.forabg>.inner,.forumbg>.inner { margin:0; }
.forabg>.inner>ul.topiclist:first-child,.forumbg>.inner>ul.topiclist:first-child { min-height:38px; padding:0; background:linear-gradient(#171818,#121313); border-bottom:1px solid var(--bt-line-soft); }
li.header { width:100%; }
li.header dl.row-item { width:100%; min-height:38px; display:block; }
li.header dt,li.header dd { line-height:38px; }
li.header dt { padding-left:12px; }
li.header dt,li.header dd { color:var(--bt-gold); font-size:11px; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }
ul.topiclist li.row { background:var(--bt-row); border-top:0; border-bottom:1px solid var(--bt-line-soft); transition:background .15s ease; }
ul.topiclist li.row:nth-child(even) { background:var(--bt-row-alt); }
ul.topiclist li.row:last-child { border-bottom:0; }
ul.topiclist li.row:hover { background:#1c1d1d; }
li.row dl { min-height:46px; }
li.row .list-inner { padding-top:7px; padding-bottom:7px; color:var(--bt-muted); }
.forumtitle,.topictitle { color:#d0a556!important; font-size:15px; font-weight:650; }
.forumtitle:hover,.topictitle:hover { color:var(--bt-gold-bright)!important; }
dl.row-item { position:relative; background-image:none!important; }
dl.row-item::before { content:"❧"; position:absolute; z-index:1; top:50%; left:11px; width:32px; height:32px; display:grid; place-items:center; color:#a98442; border:1px solid #6f572d; border-radius:50%; background:radial-gradient(circle at 38% 32%,#2b2417,#11100d 68%); box-shadow:inset 0 0 0 2px #0d0e0e,0 3px 10px rgba(0,0,0,.4); font:700 21px/1 Georgia,serif; transform:translateY(-50%); pointer-events:none; }
dl[class*="_unread"]::before { color:#f0c96d; border-color:#b88835; box-shadow:inset 0 0 0 2px #0d0e0e,0 0 12px rgba(201,154,69,.28); }
li.header dl.row-item::before { display:none; }
.row .list-inner,.row dd,.topic-poster,.responsive-show { color:var(--bt-muted); }
.row .list-inner strong { color:var(--bt-muted); }
.topiclist dd,
.topiclist li.row dd,
.topiclist li.header dd { border-left:0!important; }

.stat-block { margin-top:12px; padding:16px 18px; border:1px solid var(--bt-line); border-radius:var(--bt-radius); background:var(--bt-surface); color:var(--bt-muted); }
.stat-block h3 { margin-top:0; padding-bottom:8px; color:var(--bt-gold); border-bottom-color:var(--bt-line-soft); font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.stat-block p,.action-bar,.timezone,.copyright { color:var(--bt-muted); }
.panel { color:var(--bt-text); }
.panel,.post { padding:12px; }
.post { border-left:3px solid #725725; background:linear-gradient(110deg,#151616,#101111); }
.postprofile { color:#bbb6aa; border-color:var(--bt-line); }
.postprofile .avatar img { padding:3px; border:1px solid #765b2a; border-radius:7px; background:#090a0a; box-shadow:0 6px 20px #000; }
.postbody,.content,label,.panel p,.panel li { color:var(--bt-text); }
dt label,dd label,fieldset dl:hover dt label,fieldset.fields2 dl:hover dt label { color:var(--bt-text); }
fieldset.fields1 dd label[for="icon"] { color:#b8b4aa!important; opacity:1; }
.postbody h3,.postbody h3 a { color:var(--bt-gold-bright); font-weight:600; }
.signature { color:#9e998d; border-top-color:var(--bt-line); }

.button,.button1,.button2,input.button1,input.button2 { color:#f3e6c5; border:1px solid #7d602b; border-radius:5px; background-color:#352711; background-image:linear-gradient(#5f4822,#352711); box-shadow:inset 0 1px rgba(255,255,255,.1),0 3px 10px rgba(0,0,0,.25); transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease; }
.button:hover,.button:focus,.button1:hover,.button1:focus,.button2:hover,.button2:focus,input.button1:hover,input.button1:focus,input.button2:hover,input.button2:focus { color:#fff0bd!important; border-color:#d7a849!important; background-color:#4b3718!important; background-image:linear-gradient(#745725,#493516)!important; box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 0 2px rgba(201,154,69,.12),0 5px 14px rgba(0,0,0,.32); text-shadow:0 1px 1px #000; outline:0; }
.button:active,.button1:active,.button2:active,input.button1:active,input.button2:active { color:#fff4cf!important; background:#2d210f!important; box-shadow:inset 0 2px 5px rgba(0,0,0,.45); transform:translateY(1px); }
input.inputbox,textarea.inputbox,select { color:#e2ddd1; border-color:#494842; border-radius:5px; background:#0b0c0c; }
input.inputbox:focus,textarea.inputbox:focus,select:focus { color:#f2eee4; border-color:#9b7635; box-shadow:0 0 0 2px rgba(201,154,69,.12); outline:0; }
.postingbox h3,.postingbox h3 a { color:var(--bt-gold-bright); }
.postingbox .error { color:#e69b79; }
fieldset.submit-buttons { padding:15px 0; }
fieldset.submit-buttons input.button1,fieldset.submit-buttons input.button2 { min-height:34px; margin:0 4px; padding:5px 13px; font-weight:650; }
.format-buttons input.button2 { min-width:27px; min-height:27px; padding:2px 6px; }
.pagination li a { color:var(--bt-gold); border-color:#48463f; background:#171818; }
.dropdown .dropdown-contents { color:var(--bt-text); border-color:var(--bt-line); background:#171818; }

/* User, moderator and private-message control panels */
#page-body>h2,.tabs-container h2,.cp-main h2,.panel-container h2 { color:var(--bt-text); }
.tabs .tab>a,.minitabs .tab>a { color:#bdb8ad; border-color:var(--bt-line); background:#171818; box-shadow:none; }
.tabs .tab>a:hover,.minitabs .tab>a:hover { color:var(--bt-gold-bright); background:#211b10; }
.tabs .activetab>a,.tabs .activetab>a:hover,.minitabs .activetab>a,.minitabs .activetab>a:hover { color:#17130c; border-color:var(--bt-gold); background:linear-gradient(#edc66e,#b98735); box-shadow:inset 0 1px rgba(255,255,255,.2); }
.cp-main,.cp-menu,.panel-container { color:var(--bt-text); }
.cp-main .panel,.panel-container .panel,.cp-main .pm,.cp-main .pm-message { color:var(--bt-text); border-color:var(--bt-line); background:var(--bt-surface); }
.panel-container h3,.panel-container hr,.cp-menu hr { color:var(--bt-gold); border-color:var(--bt-line); }
.panel-container .panel li.row { border-color:var(--bt-line-soft); }
.panel-container .panel li.header dd,.panel-container .panel li.header dt,.panel-container table.table1 thead th { color:var(--bt-gold); border-color:var(--bt-line); }
.navigation a,.rtl .navigation a { color:#c8c3b7; border-left:2px solid transparent; background:#171818; filter:none; }
.navigation a:hover { color:var(--bt-gold-bright); border-left-color:#7d602b; background:#211b10; filter:none; }
.navigation .active-subsection a,.navigation .active-subsection a:hover { color:#17130c; border-left-color:var(--bt-gold); background:linear-gradient(90deg,#d8ad58,#a9772d); filter:none; }
.cp-main dd,.cp-main dt,.cp-main .content,.cp-main table.table1 td,.cp-main table.table1 th { color:var(--bt-text); }
form.headerspace[action*="mode=login"] { display:none; }
#page-footer .navbar { margin-top:12px; }
.copyright { padding:12px 0 0; }

@media(max-width:1050px){.bt-primary-nav a{padding:0 8px}.bt-top-search{width:190px}}
@media(max-width:850px){.bt-topbar{height:52px}.bt-topbar-inner{padding:0 12px;gap:10px}.bt-brand img{height:40px}.bt-primary-nav{display:none}.bt-top-search{width:min(38vw,210px);height:32px}#page-header,#page-body,#page-footer{padding-left:8px;padding-right:8px}.headerbar{min-height:150px}.headerbar>.inner{height:150px;padding:0 22px}.site-description h1{font-size:32px}}
@media(max-width:560px){.bt-brand img{height:36px}.bt-top-search{display:none}.bt-login{margin-left:auto;font-size:12px}.headerbar{min-height:128px;margin-bottom:10px;background-position:62% center}.headerbar>.inner{height:128px;padding:0 18px}.bt-eyebrow{font-size:12px}.site-description h1{font-size:28px}.site-description p{max-width:280px;font-size:12px}.navbar{border-radius:6px}.nav-main li:has(.game-account-login){display:none}.forabg,.forumbg{margin-bottom:8px;border-radius:6px}.forabg>.inner>ul.topiclist:first-child,.forumbg>.inner>ul.topiclist:first-child{justify-content:center}li.row dl{min-height:56px}.forumtitle,.topictitle{font-size:14px}.post{border-left-width:2px}}
