/* ============================================================
   frost — пребоядисване на Bootstrap 3 и на класовете, които
   МОДУЛИТЕ на WebEngine емитват. Без този файл вътрешните
   страници излизат със стандартния бял Bootstrap върху тъмния фон.
   (Виж паметта "mu_site_template_law": темплейтът има КОНТРАКТ.)
   ============================================================ */

/* ---------- типографика на модулите ---------- */
#content, .fx-page{font-family:var(--f-body)}
#content h1,#content h2,#content h3,#content h4,
.page-title{font-family:var(--f-disp);font-weight:400;color:#eaf4ff;letter-spacing:.04em}
.page-title{
  font-size:clamp(26px,3.4vw,36px);margin:0 0 22px;padding-bottom:14px;
  border-bottom:1px solid var(--edge-soft);position:relative
}
.page-title::after{
  content:"";position:absolute;left:0;bottom:-1px;width:72px;height:1px;background:var(--arc)
}

/* ---------- панели ---------- */
.panel{
  background:linear-gradient(180deg,rgba(22,48,94,.40),rgba(9,18,49,.28));
  border:1px solid var(--edge-soft);border-radius:0;box-shadow:none;margin-bottom:22px
}
.panel-heading{
  background:rgba(9,18,49,.75);border-bottom:1px solid var(--edge-soft);
  border-radius:0;padding:14px 18px
}
.panel-title{
  font-family:var(--f-disp);font-weight:400;font-size:18px;color:#eaf4ff;letter-spacing:.06em
}
.panel-body{padding:20px 18px;color:var(--frost-mute)}
.panel-footer{background:rgba(4,7,15,.5);border-top:1px solid var(--edge-soft);border-radius:0;color:var(--frost-mute)}
.panel-default>.panel-heading{color:#eaf4ff}

/* ---------- таблици и ранглисти ---------- */
.table{color:var(--frost-mute);margin-bottom:0}
.table>thead>tr>th{
  border-bottom:1px solid var(--edge);color:var(--arc);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:12px 10px
}
.table>tbody>tr>td{border-top:1px solid rgba(79,184,255,.08);padding:11px 10px;vertical-align:middle}
.table-striped>tbody>tr:nth-of-type(odd),
.table-hover>tbody>tr:hover{background:rgba(79,184,255,.05)}
.rankings-table{width:100%}
.rankings-table-place{
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
  color:var(--gilt);font-weight:700;width:56px;text-align:center
}
/* цифрите се подравняват без да правим ИМЕНАТА монопространствени */
.rankings-table{font-variant-numeric:tabular-nums}
.rankings-table td{font-family:var(--f-body)}
.rankings-table td a{color:var(--frost)}
.rankings-table td a:hover{color:var(--arc)}
.rankings-update-time{color:var(--frost-mute);font-size:13px;font-family:var(--f-num)}
.rankings-gens-img{max-height:26px;width:auto}
.online-status-indicator{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#39527a;margin-right:7px;vertical-align:1px
}
.online-status-indicator.online,
.online-status-indicator[title*="Online" i]{background:#54e08a;box-shadow:0 0 8px rgba(84,224,138,.8)}

/* менюто на ранглистите — ⚠️ .rankings_menu е DIV с ДИРЕКТНИ <a>, не <ul><li> */
.rankings_menu{
  margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:2px;
  border-bottom:1px solid var(--edge-soft)
}
.rankings_menu>a{
  display:block;padding:11px 18px;color:var(--frost-mute);font-weight:600;
  font-size:13px;letter-spacing:.10em;text-transform:uppercase;border-bottom:2px solid transparent
}
.rankings_menu>a:hover{color:var(--frost);background:rgba(79,184,255,.05)}
.rankings_menu>a.active{color:var(--arc);border-bottom-color:var(--arc)}
.rankings_menu span{color:var(--frost-mute)}

/* филтърът по клас: хоризонтална лента от малки портрети с арковидна форма */
.rankings-class-filter{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  list-style:none;margin:0 auto 26px;padding:16px 12px;
  background:rgba(9,18,49,.45);border:1px solid var(--edge-soft)
}
.rankings-class-filter li{display:block;margin:0}
.rankings-class-filter-selection{
  display:block;width:72px;text-align:center;cursor:pointer;
  color:var(--frost-mute);font-size:11.5px;line-height:1.3;padding:6px 2px;
  letter-spacing:.02em
}
.rankings-class-filter-selection:hover,
.rankings-class-filter-selection:focus{color:var(--arc)}
.rankings-class-filter-selection img,
.rankings-class-filter-image{
  width:44px;height:44px;object-fit:cover;display:block;margin:0 auto 6px;
  border:1px solid var(--edge-soft);
  border-radius:50% 50% 3px 3px / 34% 34% 3px 3px;   /* същата арка */
  box-shadow:none;transition:filter .2s,border-color .2s,transform .2s
}
.rankings-class-filter li:hover .rankings-class-filter-image{
  border-color:var(--arc);transform:translateY(-2px)
}
.rankings-class-filter-grayscale{filter:grayscale(100%) brightness(.8)}
.rankings-class-filter li:hover .rankings-class-filter-grayscale{filter:none}
.rankings-class-image{width:34px;height:34px;object-fit:cover;border-radius:50%;vertical-align:-10px;margin-right:8px}
.rankings_guild_logo tr td{padding:0}

/* ---------- Bootstrap tabs / pagination ---------- */
.nav-tabs{border-bottom:1px solid var(--edge-soft)}
.nav-tabs>li>a{border:none;border-radius:0;color:var(--frost-mute);border-bottom:2px solid transparent}
.nav-tabs>li>a:hover{background:rgba(79,184,255,.06);border-color:transparent;color:var(--frost)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
  background:transparent;border:none;border-bottom:2px solid var(--arc);color:var(--arc)
}
.pagination>li>a,.pagination>li>span{
  background:rgba(9,18,49,.6);border-color:var(--edge-soft);color:var(--frost-mute);border-radius:0;font-family:var(--f-num)
}
.pagination>li>a:hover{background:rgba(79,184,255,.12);border-color:var(--edge);color:var(--frost)}
.pagination>.active>a,.pagination>.active>span,
.pagination>.active>a:hover,.pagination>.active>span:hover{background:var(--arc);border-color:var(--arc);color:var(--abyss)}

/* ---------- форми ---------- */
.form-control{
  background:rgba(4,7,15,.75);border:1px solid var(--edge-soft);border-radius:0;
  color:var(--frost);box-shadow:none;height:44px;font-family:var(--f-body);font-size:16px
}
.form-control:focus{border-color:var(--arc);box-shadow:0 0 0 3px rgba(79,184,255,.15);background:rgba(4,7,15,.9)}
.form-control::placeholder{color:#5c7597}
.form-control::-webkit-input-placeholder{color:#5c7597}
textarea.form-control{height:auto}
.control-label,label{color:var(--frost);font-weight:600}
.help-block{color:var(--frost-mute);font-size:14px}
select.form-control option{background:var(--deep);color:var(--frost)}

/* ---------- бутони ---------- */
.btn{
  border-radius:0;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  font-size:13px;padding:11px 22px;border:1px solid var(--edge);
  background:transparent;color:var(--frost);transition:background .16s,border-color .16s,transform .16s
}
.btn:hover,.btn:focus{background:rgba(79,184,255,.10);border-color:var(--arc);color:var(--frost)}
.btn-primary,.btn-success{
  background:linear-gradient(180deg,#8ed4ff,var(--arc));border-color:var(--arc);color:var(--abyss)
}
.btn-primary:hover,.btn-primary:focus,.btn-success:hover{
  background:linear-gradient(180deg,#a5ddff,#5ec2ff);border-color:var(--arc);color:var(--abyss);transform:translateY(-1px)
}
.btn-danger{border-color:#e0736a;color:#ffb3ac}
.btn-danger:hover{background:rgba(224,115,106,.14);color:#ffd0cb}
.btn-xs{padding:5px 12px;font-size:11px}

/* ---------- съобщения ---------- */
.alert{border-radius:0;border-width:1px;background:rgba(9,18,49,.6);color:var(--frost)}
.alert-success{border-color:#3f9a68;color:#b6f0cd}
.alert-danger{border-color:#a05049;color:#ffc9c4}
.alert-info{border-color:var(--arc-dim);color:#c3e6ff}
.alert-warning{border-color:var(--gilt);color:#f4dcae}

/* ---------- сваляния / новини ---------- */
.panel-downloads .download-description{color:var(--frost-mute)}
.panel-news .news-readmore{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px}

/* ---------- userCP меню ---------- */
.fx-usercp ul{list-style:none;margin:0;padding:0}
.fx-usercp li{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(79,184,255,.08)}
.fx-usercp li:last-child{border-bottom:none}
.fx-usercp li img{width:18px;height:18px;flex:none;opacity:.75}
.fx-usercp a{display:block;padding:10px 0;color:var(--frost-mute);font-weight:600;font-size:14px;flex:1}
.fx-usercp a:hover{color:var(--arc)}

/* ---------- дребно ---------- */
hr{border-color:var(--edge-soft)}
code,pre{background:rgba(4,7,15,.8);color:var(--arc);border:1px solid var(--edge-soft);border-radius:0}
.text-muted{color:var(--frost-mute)}
.well{background:rgba(9,18,49,.5);border:1px solid var(--edge-soft);border-radius:0;box-shadow:none}
.modal-content{background:var(--deep);border:1px solid var(--edge);border-radius:0;color:var(--frost)}
.modal-header,.modal-footer{border-color:var(--edge-soft)}
.close{color:var(--frost);opacity:.7;text-shadow:none}

/* ---------- Castle Siege джаджа ----------
   castle-siege.css идва с каменен фон и оранжеви надписи от темплейта
   "default" и се биеше с леда. Пребоядисана, без да се пипа модулът. */
.castle-owner-widget{background:linear-gradient(180deg,rgba(22,48,94,.42),rgba(9,18,49,.30))!important}
.castle-owner-widget .panel-heading{background:rgba(9,18,49,.85)!important;border-bottom:1px solid var(--edge-soft)}
.castle-owner-widget .panel-body{background:none!important;text-shadow:none}
.castle-owner-widget .panel-body,
.castle-owner-widget .panel-body td{color:var(--frost)!important;text-shadow:none!important}
.castle-owner-widget .alt{
  display:block;color:var(--arc)!important;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;margin-bottom:2px;text-shadow:none!important
}
.castle-owner-widget .btn-castlewidget{border:1px solid var(--edge);background:transparent;color:var(--frost)}
.castle-owner-widget .btn-castlewidget:hover{background:rgba(79,184,255,.10);border-color:var(--arc)}

/* ---------- User CP → Buy WCoins ----------
   Модулът идва от S6 със свои `w18-*` класове; тук ги обличаме в леда,
   вместо да разнасяме лилавите стилове на Season 6. */
.w18-lead{color:var(--frost-mute);line-height:1.6;margin:0 0 20px;max-width:62ch}
.w18-lead b{color:var(--frost)}
.w18-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0 0 18px;
  background:var(--edge-soft);border:1px solid var(--edge-soft)}
.w18-pack{position:relative;display:flex;flex-direction:column;gap:3px;text-align:center;
  padding:16px 8px;background:rgba(9,18,49,.6);cursor:pointer;margin:0;font-weight:400;
  transition:background .16s,box-shadow .16s}
.w18-pack:hover{background:rgba(22,48,94,.6)}
.w18-pack.on{background:rgba(22,48,94,.85);box-shadow:inset 0 0 0 1px var(--arc)}
.w18-pack input{position:absolute;opacity:0;pointer-events:none}
.w18-coins{font-size:14px;color:var(--frost);font-weight:700;white-space:nowrap}
.w18-price{font-size:21px;color:var(--gilt);font-weight:700}
.w18-per{font-size:11px;color:var(--frost-mute);letter-spacing:.06em}
.w18-pay{display:flex;gap:8px;margin:0 0 18px}
.w18-m{padding:9px 18px;border:1px solid var(--edge-soft);background:rgba(9,18,49,.6);
  cursor:pointer;font-weight:600;font-size:14px;color:var(--frost-mute);margin:0}
.w18-m.on{border-color:var(--arc);color:var(--frost);background:rgba(22,48,94,.85)}
.w18-m input{margin-right:7px;vertical-align:-1px}
.w18-steps{color:var(--frost-mute);line-height:1.75;padding-left:20px;margin:0 0 18px}
.w18-steps b{color:var(--frost)}
.w18-ref{display:block;max-width:420px;margin:0 0 14px;color:var(--frost);font-weight:600}
.w18-ref input{margin-top:6px}
.w18-note{margin-top:18px;color:var(--frost-mute);font-size:14px;line-height:1.6;
  border-left:2px solid var(--gilt);padding-left:14px}
.w18-h3{font-family:var(--f-disp);font-weight:400;margin:26px 0 10px;font-size:19px;color:#eaf4ff}
.w18-table{font-size:14px}
.w18-st{font-weight:700}
.w18-pending{color:var(--gilt)}
.w18-done{color:#54e08a}
@media(max-width:1080px){.w18-packs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.w18-packs{grid-template-columns:1fr}.w18-pay{flex-wrap:wrap}}

/* ---------- /info ---------- */
.fi-lead{color:var(--frost-mute);line-height:1.6;margin:0 0 22px;max-width:64ch}
.fi-h{font-family:var(--f-disp);font-weight:400;font-size:21px;color:#eaf4ff;
  letter-spacing:.05em;margin:30px 0 4px}
.fi-sub{color:var(--frost-mute);font-size:14.5px;margin:0 0 12px}
.fi-table{margin-bottom:0}
.fi-table th{font-weight:600;color:var(--frost);width:52%;padding:10px 12px;
  border-top:1px solid rgba(79,184,255,.08);font-size:15px}
.fi-table td{color:var(--gilt);padding:10px 12px;border-top:1px solid rgba(79,184,255,.08)}
.fi-table td i{font-style:normal;color:var(--frost-mute);margin-left:3px}
.fi-table tr:first-child th,.fi-table tr:first-child td{border-top:none}
.fi-cmd th{color:var(--arc);font-weight:400;font-size:14px;width:42%;white-space:normal}
.fi-cmd td{color:var(--frost-mute)}
.fi-note{margin:18px 0 4px;padding:14px 16px;border-left:2px solid var(--gilt);
  background:rgba(9,18,49,.5);color:var(--frost-mute);line-height:1.6}
.fi-note b{color:var(--frost)}