/*!
 =========================================================
 * Mu Bahia — Theme 2.0
 * Azul noche + detalles dorados
 * Desarrollado por _SkyRiM_MSF
 =========================================================
 * Se carga DESPUES de style.css: sólo pisa colores/paleta,
 * no toca layout ni estructura del template base.
*/

:root {
	--mb-bg-deep:      #060d1e;
	--mb-bg-panel:      #0d1c3a;
	--mb-bg-panel-2:    #122a52;
	--mb-blue-border:   #2d5aa0;
	--mb-blue-border-2: #1a3a6b;
	--mb-gold:          #d4af37;
	--mb-gold-light:    #f0c75e;
	--mb-gold-dim:      #8a7027;
	--mb-text:          #eaf1fb;
	--mb-text-dim:      #7aaae0;
	--mb-online:        #3ecf5f;
	--mb-offline:       #e35050;
}

/* ── FONDO GENERAL — imagen completa siempre visible, sin recortes, en cualquier tamaño de pantalla ── */
.uk-bg-header {
	background: var(--mb-bg-deep) url(../img/bg_main_blue.jpg) no-repeat top center;
	background-size: contain;
	background-attachment: fixed;
}

nav, .uk-navbar-container {
	background-color: rgba(6, 13, 30, .92) !important;
	border-bottom: 1px solid var(--mb-gold-dim);
}

.uk-offcanvas-bar {
	background: var(--mb-bg-deep) url(../img/bg_main_blue.jpg) center top no-repeat;
}

/* ── COLOR DE MARCA (reemplaza el celeste puro por dorado en acentos clave) ── */
.uk-text-mu {
	color: var(--mb-gold) !important;
	letter-spacing: .5px;
}

.uk-navbar-nav > li > a:hover {
	color: var(--mb-gold-light);
}

.uk-link, a {
	color: var(--mb-text-dim);
}
.uk-link:hover, a:hover {
	color: var(--mb-gold-light) !important;
}

.uk-text-hour {
	color: var(--mb-gold-light);
	text-shadow: 0 0 10px rgba(212,175,55,.25);
}

.uk-bg-red {
	background: linear-gradient(to right, var(--mb-gold-dim), var(--mb-gold), var(--mb-gold-dim));
	height: 2px;
	box-shadow: 0 0 8px rgba(212,175,55,.4);
}

/* ── BOTONES ── */
.uk-button-blue {
	background: linear-gradient(to bottom, #1a3a6b, #0d1c3a) !important;
	color: var(--mb-text) !important;
	border: 1px solid var(--mb-gold-dim) !important;
	transition: all .25s ease;
}
.uk-button-blue:hover {
	background: linear-gradient(to bottom, #2d5aa0, #1a3a6b) !important;
	color: var(--mb-gold-light) !important;
	border: 1px solid var(--mb-gold) !important;
}

/* ── PANELES / TARJETAS ── */
.uk-bg-transparent {
	background: linear-gradient(to bottom, rgba(13,28,58,.85), rgba(6,13,30,.9));
	border: 1px solid var(--mb-blue-border);
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(212,175,55,.08) inset;
}

.panel-title {
	color: var(--mb-gold-light) !important;
	border-bottom: 1px solid var(--mb-gold-dim) !important;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 14px !important;
}

.panel-sidebar {
	background: linear-gradient(to bottom, rgba(13,28,58,.9), rgba(6,13,30,.95));
	border: 1px solid var(--mb-blue-border);
	border-radius: 6px;
	margin-bottom: 20px;
}
.panel-sidebar .panel-body { color: var(--mb-text); }

.page-title {
	color: var(--mb-gold-light);
	text-shadow: 0 0 12px rgba(212,175,55,.25);
}

/* ── TABLAS ── */
.uk-table, .rankings-table, .myaccount-table, .general-table-ui {
	color: var(--mb-text);
}
.rankings-table tr td {
	border-bottom: 1px solid var(--mb-blue-border);
	color: var(--mb-text);
}
.rankings-table tr:first-child td {
	color: var(--mb-gold-light);
	border-bottom: 2px solid var(--mb-gold);
}
.rankings-table-place { color: var(--mb-gold); }

/* ── SCROLLBAR ── */
.container::-webkit-scrollbar-thumb { background: var(--mb-gold-dim); }
.container::-webkit-scrollbar-track { background: var(--mb-bg-deep); }

/* ── FOOTER ── */
footer.uk-section {
	background-color: var(--mb-bg-deep);
	border-top: 1px solid var(--mb-gold-dim);
}
footer .uk-hr, footer hr {
	border-top: 1px solid var(--mb-blue-border) !important;
}

/* ── ESTADOS ONLINE/OFFLINE (uso general del sitio) ── */
.online-count { color: var(--mb-online) !important; }

/* ── LOGIN / FORM INPUTS ── */
.uk-input, input[type=text], input[type=password], input[type=number] {
	background: rgba(6,13,30,.6);
	border: 1px solid var(--mb-blue-border);
	color: var(--mb-text);
}
.uk-input:focus, input[type=text]:focus, input[type=password]:focus {
	border: 1px solid var(--mb-gold);
	box-shadow: 0 0 6px rgba(212,175,55,.25);
}
.uk-input::placeholder, input[type=text]::placeholder, input[type=password]::placeholder {
	color: rgba(122,170,224,.55);
}

/* ── PANEL "CARACTERÍSTICAS" (info del servidor simplificada) ── */
.panel-features .panel-title {
	font-size: 15px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.mb-feature-list {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.mb-feature-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 2px;
	border-bottom: 1px solid rgba(45,90,160,.35);
	font-size: 12px;
}
.mb-feature-list li:last-child {
	border-bottom: none;
}
.mb-feature-list li span:first-child {
	color: var(--mb-text-dim);
}
.mb-feature-list li span:last-child {
	color: var(--mb-gold-light);
	font-weight: bold;
}
.mb-feature-list-stats {
	margin-top: 2px;
	padding-top: 6px;
	border-top: 1px solid var(--mb-gold-dim);
}
.mb-online-count {
	color: var(--mb-online) !important;
}

.mb-online-bar {
	margin-top: 10px;
	margin-bottom: 2px;
	background: rgba(6,13,30,.8);
	border: 1px solid var(--mb-blue-border);
}
.mb-online-bar .webengine-online-bar-progress {
	background: linear-gradient(to right, var(--mb-online), #7CFC00);
	box-shadow: 0 0 6px rgba(62,207,95,.5);
}