/*!
=========================================================
* WebEngine CMS
* https://webenginecms.org/
=========================================================
* Author Lautaro Angelico (https://lautaroangelico.com/)
* Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
* Licensed under the MIT license
* http://opensource.org/licenses/MIT
=========================================================
*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #050c16;
	border: 1px solid #00f7ff;
	color: #ffffff;
}

.form-control:focus {
	border: 1px solid #00f7ff;
	box-shadow: 0 0 8px rgba(0, 247, 255, 0.6);
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #050c16;
    border: 1px solid #00f7ff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #00f7ff;
    box-shadow: 0 0 10px #00f7ff;
}

/* =======================================================
   REEMPLAZO TOTAL A AZUL NEÓN / CIAN Y AZUL OSCURO
   ======================================================= */

/* 1. BARRA SUPERIOR DE ANUNCIOS Y CAJA DE INGRESAR DERECHA (ESTILO AZUL NEÓN) */
.mu-marquee,
.mu-track,
.mu-shine,
.global-top-bar,
.card,
.panel,
.card-header,
[class*="login"] {
    background-image: linear-gradient(to right, #000a14, #001f3f, #003366, #001f3f, #000a14) !important;
    background-color: #000a14 !important;
    border: 2px solid #00f7ff !important;
    border-color: #00f7ff !important;
    box-shadow: 0 0 15px rgba(0, 247, 255, 0.6) !important;
}

/* 2. MENÚ DE NAVEGACIÓN Y BORDE IZQUIERDO -> AZUL NEÓN OSCURO */
.navbar,
.navbar-nav,
nav,
.bg-info,
[class*="bg-info"],
.right-sidebar,
[class*="sidebar"],
div[style*="13, 202, 240"],
div[style*="0dcaf0"] {
    background-image: none !important;
    background-color: rgba(5, 12, 22, 0.95) !important;
    background: rgba(5, 12, 22, 0.95) !important;
    border: 2px solid #00f7ff !important;
    border-color: #00f7ff !important;
    box-shadow: 0 0 15px rgba(0, 247, 255, 0.4) !important;
}

/* REGLA DE PROTECCIÓN: Mantiene la barra de noticias superior en Azul Neón */
.mu-marquee, .mu-track, .mu-shine, .global-top-bar {
    background-image: linear-gradient(to right, #000a14, #001f3f, #003366, #001f3f, #000a14) !important;
    border-bottom: 2px solid #00f7ff !important;
    border-top: 2px solid #00f7ff !important;
}

/* 3. BOTONES DE SOPORTE DIRECTO Y COMPRAR VIP */
.right-sidebar a,
.right-sidebar button,
.btn-primary, 
[class*="btn"], 
#btn,
div[style*="0dcaf0"] a,
.nav-link {
    background-color: rgba(0, 15, 30, 0.8) !important;
    background: rgba(0, 15, 30, 0.8) !important;
    border: 2px solid #00f7ff !important;
    color: #ffffff !important;
}

/* 4. TEXTOS DE LA BARRA MARQUEE Y CABECERAS */
.bg-info *,
[class*="bg-info"] *,
marquee,
marquee * {
    color: #ffffff !important;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px #00f7ff, 2px 2px 2px #000000 !important;
}

/* 5. TEXTOS EN ALTA DEFINICIÓN BLANCOS CON BRILLO AZUL NEÓN */
.nav-link, 
.navbar-nav a, 
.btn-primary, 
#btn,
.mu-text,
.mu-marquee *,
.card-header h3,
.content p,
.content div,
.right-sidebar a,
.navbar-nav .nav-item a {
    color: #ffffff !important;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px #00f7ff, 2px 2px 3px #000000 !important;
    transition: all 0.3s ease-in-out !important;
}

/* 6. BOTONES CHICOS DE LOGIN (INICIAR SESIÓN Y RECUPERAR CLAVE) */
.card input[type="submit"], 
.card button, 
.btn-block,
[class*="login"] button,
[class*="login"] a,
.form-group a {
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-shadow: 1px 1px 2px #000000 !important;
    background-color: rgba(0, 20, 40, 0.85) !important;
    border: 1px solid #00f7ff !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    width: auto !important;
    float: none !important;
}

/* 7. HOVER INTERACTIVO (BRILLO CIAN INTENSO AL PASAR EL MOUSE) */
.nav-link:hover, 
.btn-primary:hover, 
button:hover,
input[type="submit"]:hover,
.right-sidebar a:hover {
    transform: scale(1.03) !important;
    color: #00f7ff !important;
    text-shadow: 0 0 12px #00f7ff, 2px 2px 3px #000000 !important;
}
/* =======================================================
   CAMBIO DE TEXTO NARANJA (TOP LEVEL, TOP RESETS, TOP GUILD)
   ======================================================= */

/* 1. Encabezados de las tablas del ranking (Character, Class, Level, Resets, Guild, etc.) */
.panel-sidebar th,
.panel-sidebar tr th,
.card th,
.card tr th,
table th,
table tr th,
.rankings-table th,
.table th,
[class*="ranking"] th,
[class*="top"] th {
    color: #00f7ff !important;
    text-shadow: 0 0 8px rgba(0, 247, 255, 0.8) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* 2. Enlaces y nombres de personajes naranja en los rankings */
.panel-sidebar td a,
.panel-sidebar a,
.card td a,
.card a,
table td a,
[class*="ranking"] td a,
[class*="top"] td a,
.rankings-table td a {
    color: #00f7ff !important;
    text-shadow: 0 0 5px rgba(0, 247, 255, 0.5) !important;
}

/* Hover de los personajes (Efecto de brillo cian) */
.panel-sidebar td a:hover,
table td a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px #00f7ff, 0 0 15px #00f7ff !important;
}

/* 3. Forzar cualquier texto o celda naranja remanente */
.panel-sidebar table *,
.card table *,
[class*="rank"] table * {
    border-color: rgba(0, 247, 255, 0.2) !important;
}
/* =======================================================
   CAMBIO DE TEXTO NARANJA EN "MY ACCOUNT" Y TABLAS INTERNAS
   ======================================================= */

/* 1. Etiquetas de la cuenta (Account Status, Username, VIP, Email, etc.) */
.content table tr td:first-child,
.main-content table tr td:first-child,
table tr td[width],
.ucp-table td:first-child,
.table-usercp td:first-child,
.usercp-table tr td:first-child {
    color: #00f7ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 5px rgba(0, 247, 255, 0.6) !important;
}

/* 2. Oscurecer el fondo claro/blanco de las tablas dentro del módulo My Account */
.content table,
.main-content table,
.table,
.table-striped,
.table-bordered {
    background-color: rgba(5, 12, 22, 0.9) !important;
    color: #ffffff !important;
    border-color: rgba(0, 247, 255, 0.3) !important;
}

.content table tr,
.main-content table tr,
.table tr {
    background-color: transparent !important;
}

/* 3. Ajustar los bordes e inputs de las celdas */
.content table tr td,
.main-content table tr td {
    border-bottom: 1px solid rgba(0, 247, 255, 0.15) !important;
}

/* 4. Forzar cualquier otro texto naranja remanente dentro del panel de usuario */
[class*="usercp"] td,
[class*="myaccount"] td {
    border-color: rgba(0, 247, 255, 0.2) !important;
}
/* =======================================================
   CAMBIO DE RESTOS NARANJAS (SERVER INFO Y BOTONES CHANGE)
   ======================================================= */

/* 1. Etiquetas en la tabla de Server Info (Version, Experience, Drop, etc.) */
.panel-sidebar td:first-child,
.card-body table td:first-child,
[class*="sidebar"] table td:first-child {
    color: #00f7ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 5px rgba(0, 247, 255, 0.5) !important;
}

/* 2. Botones de "CHANGE" / Cambiar Contraseña o Email */
.btn-change,
a[href*="change"],
.content table a.btn,
.content table button,
.table a.btn-info,
.table a.btn-primary {
    background-color: rgba(0, 247, 255, 0.15) !important;
    background: rgba(0, 247, 255, 0.15) !important;
    border: 1px solid #00f7ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 8px rgba(0, 247, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-change:hover,
a[href*="change"]:hover,
.content table a.btn:hover {
    background-color: #00f7ff !important;
    color: #000000 !important;
    box-shadow: 0 0 12px #00f7ff !important;
}

/* 3. Texto del Estado del Servidor y valores secundarios */
span[style*="orange"],
font[color*="orange"],
.text-warning,
.orange-text {
    color: #00f7ff !important;
    text-shadow: 0 0 5px #00f7ff !important;
}
/* =======================================================
   FORZADO TOTAL DE TEXTOS NARANJAS A AZUL NEÓN (MY ACCOUNT)
   ======================================================= */

/* 1. Forzar primera columna de cualquier tabla en el panel central */
.ucp-table tr td:first-child,
.table tr td:first-child,
table tr td:first-child,
.ucp-table td,
table[class*="table"] tr td:first-child,
td[style*="color"],
th[style*="color"] {
    color: #00f7ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 6px rgba(0, 247, 255, 0.7) !important;
}

/* 2. Por si WebEngine usa spans o divs naranjas adentro de las celdas */
.ucp-table td *,
table tr td:first-child *,
.table td span,
.text-warning,
.label-warning,
span[class*="orange"],
div[class*="orange"] {
    color: #00f7ff !important;
    text-shadow: 0 0 6px rgba(0, 247, 255, 0.7) !important;
}

/* 3. Barrita o borde rojo/naranja al lado del título "Server Info" */
.card-header::before,
.panel-heading::before,
.sidebar-title::before,
h2::before,
h3::before,
h4::before {
    background-color: #00f7ff !important;
    border-color: #00f7ff !important;
    box-shadow: 0 0 8px #00f7ff !important;
}
/* =======================================================
   CAMBIO DE FOOTER FINAL Y CRÉDITOS (POWERED BY WEBENGINE)
   ======================================================= */

/* 1. Fondo de la barra inferior de créditos */
footer,
.footer,
.webengine-powered,
.powered-by,
[class*="footer"],
[class*="powered"] {
    background-image: linear-gradient(to right, #000a14, #001f3f, #003366, #001f3f, #000a14) !important;
    background-color: #000a14 !important;
    border-top: 2px solid #00f7ff !important;
    box-shadow: 0 0 15px rgba(0, 247, 255, 0.4) !important;
}

/* 2. Color del texto y enlaces de créditos en el footer */
footer *,
.footer *,
.webengine-powered *,
.powered-by * {
    color: #ffffff !important;
    text-shadow: 0 0 6px #00f7ff, 1px 1px 2px #000000 !important;
    font-weight: bold !important;
}

/* Hover si es un enlace clicable */
footer a:hover,
.footer a:hover {
    color: #00f7ff !important;
    text-shadow: 0 0 10px #00f7ff !important;
}
/* =======================================================
   REEMPLAZO OBLIGATORIO DEL FONDO ROJO DEL FOOTER
   ======================================================= */

div[style*="background"],
.webengine-powered,
#footer,
.footer-credits,
div:has(> a[href*="webenginecms"]),
div:has(> p:contains("POWERED")) {
    background: linear-gradient(180deg, #001f3f, #000a14) !important;
    background-color: #000a14 !important;
    background-image: linear-gradient(180deg, #001f3f, #000a14) !important;
    border: 1px solid #00f7ff !important;
    box-shadow: 0 0 12px rgba(0, 247, 255, 0.5) !important;
}

/* Forzado universal para cualquier contenedor que contenga "POWERED BY WEBENGINE" */
footer div,
.footer div {
    background: #000a14 !important;
    background-image: none !important;
    border-color: #00f7ff !important;
}