/*!
 * WebEngine CMS - override.css
 * TEMA MUKAIROS PREMIUM (vermelho + dourado) - estilo classico WebEngine
 */

/* ============ base ============ */
.nopadding { padding: 0 !important; margin: 0 !important; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.form-horizontal .control-label { text-align: left !important; }

/* ============ paleta (variaveis WebEngine) ============ */
:root {
  --mk-gold1:#f0d488; --mk-gold2:#d3a445; --mk-gold-deep:#7e5c1f;
  --mk-red:#b23a2a; --mk-red-deep:#7c1e13;
  --mk-panel:#f4eddf; --mk-panel-line:#d8c6a2; --mk-ink:#2b2119; --mk-ink-soft:#6f6047;

  --webenginebg1:#20110d !important;
  --webenginebg2:transparent !important;
  --webenginebg3:#0e0806 !important;
  --webenginecolor1:#d3a445 !important;  --webenginecolor2:#ece2d4 !important;
  --webenginecolor3:#e7b24a !important;  --webenginecolor4:#f0d488 !important;
  --webenginecolor19:#3c2609 !important; --webenginecolor20:#2a1706 !important;
}

/* ============ pagina ============ */
body {
  color:#e8dcc8;
  background:
    radial-gradient(1100px 360px at 50% 0%, rgba(178,58,42,.28), transparent 62%),
    radial-gradient(900px 480px at 50% 100%, rgba(0,0,0,.5), transparent 55%),
    linear-gradient(180deg,#20110d,#150c09 55%,#0d0706) !important;
  background-attachment:fixed !important;
}
#container { background:transparent !important; }
#content { color:#e8dcc8; }

/* ============ BANNER (arte real + logo) ============ */
#header { padding:0 !important; border-bottom:2px solid var(--mk-gold-deep) !important; background:transparent !important; }
.mk-hero {
  position:relative; min-height:270px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:38px 16px 30px; overflow:hidden;
  background:
    linear-gradient(180deg, rgba(28,12,8,.55), rgba(18,10,8,.72)),
    radial-gradient(60% 90% at 78% 55%, rgba(201,72,51,.34), transparent 62%),
    url('../img/background.jpg') center 30%/cover no-repeat;
}
.mk-hero::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(120% 80% at 50% 0%, transparent 52%, rgba(0,0,0,.72));
}
#mkEmbers { display:none !important; }
.mk-hero .mk-logo {
  position:relative; z-index:2; max-height:168px; width:auto;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.7));
}
.mk-hero .mk-tag {
  position:relative; z-index:2; margin-top:12px; font-size:12.5px; letter-spacing:.3em;
  text-transform:uppercase; color:#f0d488; text-shadow:0 1px 6px #000;
}
.mk-hero .mk-tag b { color:#e88a5a; margin:0 6px; }

/* ============ barra do topo (idioma / login) ============ */
.global-top-bar { background:rgba(10,6,4,.62) !important; border-bottom:1px solid #33241a; }
.global-top-bar a { color:#d8a24a !important; }
.global-top-bar a:hover { color:#f0d488 !important; }

/* ============ NAVBAR (barra dourada) ============ */
#navbar { width:100%; background:transparent !important; border:0 !important; backdrop-filter:none !important; margin:-24px auto 12px; position:relative; z-index:5; }
#navbar ul {
  max-width:1040px; margin:0 auto !important; padding:0 6px !important;
  background:linear-gradient(180deg,var(--mk-gold1),var(--mk-gold2) 55%,var(--mk-gold-deep));
  border:1px solid #6d4e18; border-radius:9px;
  box-shadow:0 3px 0 #5a3f13, 0 12px 26px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.5);
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
}
#navbar ul li { font-size:14px !important; }
#navbar ul li a {
  color:#3c2609 !important; font-weight:700; padding:15px 24px !important;
  text-transform:uppercase; letter-spacing:.02em; border-radius:6px;
  text-shadow:0 1px 0 rgba(255,255,255,.35); transition:background .14s,color .14s !important;
}
#navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active {
  color:#2a1706 !important; background:rgba(60,25,10,.16) !important; text-shadow:none;
}

/* ============ esconder faixa online/relogio (vai pro rodape) ============ */
.header-info-container { display:none !important; }

/* ============ PAINEIS CLAROS + cabecalho dourado ============ */
.panel, .panel-sidebar, .panel-default {
  background:var(--mk-panel) !important; border:1px solid var(--mk-panel-line) !important;
  border-radius:8px !important; color:var(--mk-ink) !important;
  box-shadow:0 2px 4px rgba(0,0,0,.35),0 12px 26px rgba(0,0,0,.28) !important; overflow:hidden;
}
.panel-heading, .panel-sidebar > .panel-heading, .panel-default > .panel-heading {
  background:linear-gradient(180deg,var(--mk-gold1),var(--mk-gold2)) !important;
  border-bottom:1px solid var(--mk-gold-deep) !important; color:#3c2609 !important;
}
.panel-heading .panel-title, .panel-title {
  color:#3c2609 !important; text-transform:none !important; letter-spacing:0 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.3) !important; font-weight:700;
}
.panel-body { background:var(--mk-panel) !important; color:var(--mk-ink) !important; }
.panel-body, .panel-body p, .panel-body td, .panel-body th, .panel-body li,
.panel-body span, .panel-body label, .panel-body small, .panel-body div,
.panel-body .smalltext { color:var(--mk-ink) !important; }
.panel-body a { color:var(--mk-red-deep) !important; }
.panel-body a:hover { color:var(--mk-red) !important; }
.panel-body .text-muted, .panel-body .smalltext { color:#8a7a5e !important; }

/* botao dentro do cabecalho (ex: '+', 'logout') */
.panel-heading .btn, .panel-heading a.btn {
  background:linear-gradient(180deg,var(--mk-red),var(--mk-red-deep)) !important;
  color:#fff !important; border:1px solid #5a140c !important;
}

/* ============ Painel do Usuario (lista ul>li>img+a) ============ */
.panel-body ul { list-style:none; margin:0; padding:0; }
.panel-body ul li { border-top:1px solid #e4d7bd; }
.panel-body ul li:first-child { border-top:0; }
.panel-body ul li a { display:inline-block; color:#4a3b28 !important; padding:8px 2px; font-weight:600; }
.panel-body ul li a:hover { color:var(--mk-red-deep) !important; }
.panel-body ul li img { width:18px; height:18px; margin-right:9px; vertical-align:-3px; }

/* ============ TABELAS (rankings) ============ */
.table { background:transparent !important; }
.table > thead > tr > th {
  background:linear-gradient(180deg,var(--mk-gold1),var(--mk-gold2)) !important;
  color:#3c2609 !important; border-bottom:1px solid var(--mk-gold-deep) !important;
  text-transform:uppercase; font-size:11px; letter-spacing:.03em;
}
.table > tbody > tr > td, .table > tbody > tr > th {
  color:#3f3222 !important; border-color:#e6d9c0 !important; background-color:#f6efe2 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > td { background-color:#eee3d0 !important; }
.table > tbody > tr:hover > td { background-color:#f2e6c9 !important; }
/* rankings: tabela fora de painel + menu de abas */
.rankings-table { background:#f4eddf !important; border:1px solid #d8c6a2 !important; border-radius:8px; overflow:hidden; }
.rankings-table a, .rankings-table-place { color:#3f3222 !important; }
.rankings-table a:hover { color:#7c1e13 !important; }
.rankings_menu { margin-bottom:14px; }
.rankings_menu a { color:#e7b24a !important; }
.rankings_menu a:hover, .rankings_menu a.active { color:#f0d488 !important; text-shadow:0 0 10px rgba(240,212,136,.4); }

/* ============ NOTICIAS ============ */
.home-news-block .home-news-block-header h2 { color:#f0d488 !important; text-shadow:0 1px 6px #000; }
.home-news-block .home-news-block-header a { color:#e7b24a !important; }
.home-news-block-article { border-bottom:1px solid rgba(216,198,162,.25); }
.home-news-block-article .home-news-block-article-type {
  background:linear-gradient(180deg,var(--mk-red),var(--mk-red-deep)) !important; color:#fff !important;
  border-radius:4px; padding:2px 8px; font-size:11px; text-transform:uppercase;
}
.home-news-block-article .home-news-block-article-title a { color:#efe3cf !important; }
.home-news-block-article .home-news-block-article-title a:hover { color:#f0d488 !important; }
.home-news-block-article .home-news-block-article-date { color:#b39f7f !important; font-size:12px; }

/* ============ FORMULARIOS ============ */
.form-control {
  background:#fbf6ec !important; border:1px solid var(--mk-panel-line) !important; color:#2b2119 !important;
  border-radius:5px !important;
}
.form-control:focus { border-color:var(--mk-gold2) !important; box-shadow:0 0 0 2px rgba(211,164,69,.25) !important; }
.form-control::placeholder { color:#9a875f !important; }

/* ============ BOTOES ============ */
.btn, .btn-primary, input[type=submit], button {
  border-radius:6px !important; text-transform:uppercase; letter-spacing:.4px; font-weight:700;
  border:1px solid #6d4e18 !important; transition:all .15s ease !important;
}
.btn-primary, input[type=submit] {
  color:#241706 !important;
  background:linear-gradient(180deg,var(--mk-gold1),var(--mk-gold2)) !important;
}
.btn-primary:hover, input[type=submit]:hover {
  color:#1c1204 !important; background:linear-gradient(180deg,#f6dc9a,#dcae52) !important;
  box-shadow:0 0 14px rgba(211,164,69,.45) !important;
}
.btn-default { color:#3c2609 !important; background:linear-gradient(180deg,#efe4cf,#dccba6) !important; }

/* ============ titulos gerais (paginas internas) ============ */
.page-title span { color:#f0d488 !important; text-transform:uppercase; letter-spacing:1px; text-shadow:0 1px 8px rgba(0,0,0,.6); }
.page-title { border-bottom:2px solid var(--mk-gold2) !important; }
a { color:#e7b24a; } a:hover { color:#f0d488 !important; }

/* ============ RODAPE (relogios + links) ============ */
.footer { background:linear-gradient(180deg,#150c09,#0b0605) !important; border-top:2px solid var(--mk-gold-deep) !important; color:#8f8069 !important; }
.footer .footer-container a { color:#d8a24a !important; }
.footer .footer-container a:hover { color:#f0d488 !important; }
.mk-clocks { display:flex; gap:30px; justify-content:center; margin:6px 0 20px; flex-wrap:wrap; }
.mk-clock { text-align:center; }
.mk-clock .lb { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#93866c; }
.mk-clock .t { font-family:Georgia,serif; font-size:30px; font-weight:700; color:#f0d488; text-shadow:0 0 14px rgba(211,164,69,.25); }
.mk-clock .d { font-size:11px; color:#7d7057; }
.mk-online { text-align:center; color:#b39f7f; font-size:12.5px; margin-bottom:8px; }
.mk-online b { color:#5fbf7f; }