/* Ajustes do MU Classic por cima do template WebEngine. */
.mc-logo {
  display: inline-block; margin-top: 40px; font-family: 'Cinzel', serif; font-weight: 700; font-size: 72px; line-height: 1;
  letter-spacing: 6px; color: #f3e3b5; text-decoration: none !important;
  text-shadow: 0 2px 0 #6b4a12, 0 0 18px rgba(255, 190, 80, .55), 0 6px 24px rgba(0, 0, 0, .9);
  transition: transform .2s;
}
.mc-logo:hover { color: #fff3cc; transform: scale(1.03); }

.mc-banner {
  display: block; height: 100px; padding: 22px 20px; border-radius: 4px; text-decoration: none !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .15)), url(/template/img/background.jpg) 20% 45% / cover;
  box-shadow: inset 0 0 0 1px rgba(255, 210, 120, .25); font-family: 'Cinzel', serif; transition: filter .2s;
}
.mc-banner-download { background-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1)), url(/template/img/background.jpg); background-position: 0 0, 70% 40%; }
.mc-banner b { display: block; font-size: 22px; color: #f3d48a; text-shadow: 0 2px 6px #000; }
.mc-banner span { display: block; font-size: 13px; color: #fff; text-shadow: 0 1px 4px #000; }
.mc-banner:hover { filter: brightness(1.25); }

.mc-linkbtn { background: none; border: 0; padding: 0; color: inherit; cursor: pointer; }
.mc-empty { color: #999; padding: 15px 0; }
.mc-spacer { height: 20px; }
.mc-form { max-width: 460px; }
.mc-credit { font-size: 11px; opacity: .7; }
.panel-usercp .panel-title form { margin: 0; }
.rankings_menu a { margin-right: 6px; color: #444 !important; }
.rankings_menu a.active, .rankings_menu a:hover { color: #000 !important; font-weight: bold; }
.myaccount-character-block { text-align: center; margin-bottom: 20px; }
.myaccount-character-block img { width: 100px; border-radius: 4px; }
.myaccount-character-name { font-weight: bold; font-size: 16px; margin-top: 6px; }

/* Painel do administrador */
.mc-admin-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
.mc-admin-bar .nav-pills > li > a { color: #8b1a1a !important; }
.mc-admin-bar .nav-pills > li.active > a, .mc-admin-bar .nav-pills > li.active > a:hover { background: #8b1a1a; color: #fff !important; }
.mc-stats { margin-bottom: 10px; }
.mc-stat { background: #222; color: #fff; border-radius: 4px; padding: 14px; margin-bottom: 12px; text-align: center; }
.mc-stat b { display: block; font-size: 26px; font-family: 'Cinzel', serif; color: #f3d48a; }
.mc-stat span { font-size: 12px; color: #bbb; }
.mc-stat.mc-ok b { color: #6edc6e; }
.mc-stat.mc-bad b { color: #ff7a6e; }
.mc-tag { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 11px; background: #e5e5e5; color: #555; vertical-align: middle; }
.mc-tag-red { background: #f6d5d2; color: #a3261b; }
.mc-tag-green { background: #d6f2d6; color: #24742a; }
.mc-tag-gold { background: #f6ead0; color: #8a5a00; font-weight: bold; }
.mc-search { margin-bottom: 15px; }
.mc-search .form-control { width: 280px; max-width: 100%; }

/* O template original tem largura fixa de 1040px; abaixo disso a página se ajusta à tela. */
@media (max-width: 1060px) {
  html { min-width: 0; }
  #container, .footer, .global-top-bar .global-top-bar-content, .header-info-container, #navbar ul { width: auto; max-width: 1040px; }
  .footer { margin: 0 auto 40px; padding: 25px 16px; }
  #container { margin: 0 8px; }
  #content { padding: 10px 8px 0; }
  .global-top-bar .global-top-bar-content { padding: 0 16px; }
  .header-info-container { padding: 0 8px; }
}
@media (max-width: 767px) {
  #content > .col-xs-8, #content > .col-xs-4 { width: 100%; }
  #header { padding: 30px 0 10px; }
  .header-info-container { text-align: center; }
  .header-info-container .header-info { width: 100%; max-width: 350px; }
  #navbar ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .home-news-block-article .col-xs-3, .home-news-block-article .col-xs-6 { width: 100%; text-align: left; }
  .table, .rankings-table { font-size: 12px; }
  .mc-logo { font-size: 46px; letter-spacing: 4px; }
  #navbar ul li a { padding: 10px 8px; font-size: 13px; }
}