/* =============================================
   HORUSMU - CUSTOM STYLES RENOVADOS
   Actualizado con paleta dorada - Fase 1
   ============================================= */

/* Tablas - Sin hover en elementos específicos */
.table.table-hover .no-hover:hover {
    background-color: var(--usercp-item-bg-color) !important;
}

/* Botones de ancho completo activos */
.full-width-btn.active {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color-hover);
}

/* Encabezados de tabla - Dorado HorusMU */
th.headerRow {
    background: var(--accent-color);
    color: var(--dark-bg);
    font-family: var(--font-titles, 'Teko', sans-serif);
    font-weight: 600;
    text-transform: uppercase;
}

/* Estado online - Dorado en lugar de verde */
.status-online {
    color: var(--accent-color);
    font-weight: 600;
}

/* Barra superior */
.topbar {
    background-color: var(--navbar-bg-color);
    padding: 10px 30px;
}

/* Contenedores de donación */
.donation-gateway-container {
    width: 50%;
    background: var(--btn-bg-color);
    border: 1px solid var(--btn-border-color);
}

.donation-gateway-content {
    margin: 10px;
    background: var(--content-bg-color);
    border: 2px solid var(--accent-color);
    padding: 10px;
    overflow: auto;
    border-radius: 6px;
}

/* Logo PayPal actualizado */
.paypal-gateway-logo {
    width: 100%;
    height: 68px;
    background: var(--content-bg-color) url(../images/paypal-logo-200-68.png) no-repeat top center;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.paypal-gateway-logo:hover {
    border-color: var(--accent-color);
    box-shadow: 0 0 15px rgba(247, 148, 29, 0.3);
}

/* Panel de información de usuario */
.usercp_info {
    padding: 15px 0;
    margin: 0;
    background-image: url(https://webx.muthematrix.com/firma/bgpanel.png);
    background-color: var(--usercp-info-bg-color);
    background-repeat: no-repeat;
    background-position: right;
}

/* Sección principal del menú de usuario */
.usercp_menu .usercp_main_section {
    background-image: url(https://webx.muthematrix.com/firma/banncp.png);
    background-color: var(--usercp-section-bg-color);
    background-repeat: no-repeat;
    background-position: right;
    font-size: 1.5em;
    color: var(--usercp-section-text-color);
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    font-family: var(--font-titles, 'Teko', sans-serif);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Items principales del menú de usuario */
.usercp_menu .usercp_main_item {
    padding: 10px;
    cursor: pointer;
    border: 3px solid var(--accent-color);
    background: var(--usercp-item-bg-color);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.usercp_menu .usercp_main_item:hover {
    background: var(--usercp-item-bg-color-hover);
    border-color: var(--accent-color-hover);
}

.usercp_menu .usercp_main_item .usercp_main_item_title {
    font-size: 1.2em;
    color: var(--accent-color);
    font-weight: 700;
    font-family: var(--font-titles, 'Teko', sans-serif);
}

.usercp_menu .usercp_main_item .usercp_main_item_desc {
    color: var(--general-text-color);
}

/* Items laterales del menú de usuario */
.usercp_menu .usercp_side_item {
    padding: 5px;
    text-align: center;
    border-top: 3px solid var(--accent-color);
    color: var(--usercp-section-bg-color);
}

/* Webshop - Categorías de clase */
.webshop .class-category-item {
    background-color: var(--content-bg-color);
    color: var(--usercp-section-text-color);
    padding: 10px;
    cursor: pointer;
    text-align: center;
    height: 16em;
    border: 2px solid var(--border-color);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.webshop .class-category-item:hover {
    border-color: var(--accent-color);
    background-color: var(--usercp-item-bg-color-hover);
}

/* Webshop - Items */
.webshop .webshop-item {
    background-color: var(--content-bg-color);
    color: var(--usercp-section-text-color);
    padding: 10px 0 0;
    cursor: pointer;
    text-align: center;
    height: 16em;
    position: relative;
    border: 2px solid var(--border-color);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.webshop .webshop-item:hover {
    border-color: var(--accent-color);
    background-color: var(--usercp-item-bg-color-hover);
}

/* Estados VIP - Profiles */
.profile-vip-status-1:before {
    top: 0;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 500;
    font-style: normal;
    content: "\f219";
    color: #cd7f32;
}

.profile-vip-status-2:before {
    top: 0;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 500;
    content: "\f219";
    color: silver;
}

.profile-vip-status-3:before {
    top: 0;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 500;
    content: "\f219";
    color: var(--accent-color);
}

.profile-vip-status-4:before {
    top: 0;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 500;
    content: "\f521";
    color: var(--accent-color-hover);
}

/* Estados VIP - Rankings */
.rankings-vip-status-1,
.rankings-vip-status-2,
.rankings-vip-status-3,
.rankings-vip-status-4 {
    position: relative;
}

.rankings-vip-status-1:before {
    position: absolute;
    top: 7px;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f219";
    color: #cd7f32;
}

.rankings-vip-status-2:before {
    position: absolute;
    top: 7px;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f219";
    color: silver;
}

.rankings-vip-status-3:before {
    position: absolute;
    top: 7px;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f219";
    color: var(--accent-color);
}

.rankings-vip-status-4:before {
    position: absolute;
    top: 7px;
    left: 0;
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f521";
    color: var(--accent-color-hover);
}

/* Responsive para pantallas grandes */
@media screen and (min-width: 1921px) {
    body {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: contain;
    }
}

@media screen and (min-height: 1025px) {
    body {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: contain;
    }
}

/* Sidebar - Panel heading */
.sidebar .panel-heading {
    font-size: 28px;
    background-color: var(--footer-bg-color);
    border-bottom: 2px solid var(--title-text-color);
    background-image: url(../images/mtmlogo.png);
    background-repeat: no-repeat;
    background-position: right;
    font-family: var(--font-titles, 'Teko', sans-serif);
    color: var(--accent-color);
}

/* Botones primarios */
.btn-primary,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--footer-bg-color);
    border: 1px solid var(--border-color);
    outline: none;
}

.btn-primary:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: var(--link-text-color-hover);
    border: 1px solid var(--accent-color);
}

/* Barras de progreso del servidor */
.server-info-home-panel .progress-bar {
    height: 10px;
    margin-bottom: 5px;
    background-color: var(--accent-color);
}

/* Encabezados de tabla principales */
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
    background-color: var(--footer-bg-color);
    border: var(--title-bg-color) solid 1px;
    color: var(--title-bg-color);
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--font-titles, 'Teko', sans-serif);
}

/* Filas alternadas en tablas */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--content-bg-color);
}

/* Pestañas activas */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: transparent;
    border: none;
    border-bottom: var(--accent-color) solid 2px;
    color: var(--accent-color);
    margin-bottom: 5px;
}

.nav-tabs.top-selector > li.active > a,
.nav-tabs.top-selector > li.active > a:focus,
.nav-tabs.top-selector > li.active > a:hover {
    border: none;
    border-bottom: var(--accent-color) solid 2px;
    padding-top: 5px;
    margin-top: 10px;
    border-radius: 0;
}

/* Controles de formulario */
.form-control {
    border-radius: 6px;
    border: 2px solid var(--border-color);
    background-color: var(--content-bg-color);
    color: var(--light-text);
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: var(--accent-color);
    outline: 0;
    box-shadow: 0 0 8px rgba(247, 148, 29, 0.6);
}

/* Etiquetas de peligro */
.label-danger {
    background-color: var(--accent-color);
}

.label-primary {
    background-color: var(--accent-color);
}

/* Rankings del home */
#home-ranking-box .rank-pos-1,
#home-ranking-box .rank-pos-2,
#home-ranking-box .rank-pos-3,
#home-ranking-box .rank-pos-4,
#home-ranking-box .rank-pos-5,
#home-ranking-box .rank-pos-6,
#home-ranking-box .rank-pos-7,
#home-ranking-box .rank-pos-8,
#home-ranking-box .rank-pos-9,
#home-ranking-box .rank-pos-10 {
    background: var(--content-bg-color);
}

#home-ranking-box tr.rank-pos-1,
#home-ranking-box tr.rank-pos-2,
#home-ranking-box tr.rank-pos-3,
#home-ranking-box .table > tbody > tr.rank-pos-1 > td,
#home-ranking-box .table > tbody > tr.rank-pos-2 > td,
#home-ranking-box .table > tbody > tr.rank-pos-3 > td {
    color: var(--accent-color);
    line-height: 30px;
    padding: 3px 10px;
    font-weight: 600;
}

/* Elementos con fondo marrón claro */
.light_brown {
    background-color: var(--accent-color);
    border: 1px var(--accent-color) solid;
}

/* Indicadores de carrusel */
.carousel-indicators li {
    border: 1px solid var(--accent-color);
}

.carousel-indicators .active {
    background-color: var(--accent-color);
}

/* Items de lista */
.list-group-item {
    background-color: var(--content-bg-color);
    border: 1px solid var(--border-color);
    color: var(--light-text);
}

/* Acordeón de personajes */
.mycharacters-accordion {
    background-color: var(--content-bg-color);
    color: var(--light-text);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 2px solid var(--border-color);
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 6px;
}

.mycharacters-active,
.mycharacters-accordion:hover {
    background-color: var(--usercp-item-bg-color-hover);
    border-color: var(--accent-color);
}

.mycharacters-panel {
    background-color: var(--content-bg-color);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* Party matching */
.party-matching {
    background-color: rgba(247, 148, 29, 0.5);
    padding: 10px 30px;
    border-radius: 6px;
}

/* Vault - Items */
.my-vault td.wh-item,
.my-vault-ext td.wh-item {
    background: var(--content-bg-color);
    border: 1px var(--border-color) solid;
}

.my-vault td.wh-item-empty,
.my-vault-ext td.wh-item-empty {
    background: var(--dark-bg);
    border: 1px var(--border-color) solid;
}