/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");


/* WOWPR - SKIN OSCURO PRO */
html, body {
    background: #050505 url("./images/wow-bg.jpg") center top fixed no-repeat !important;
    background-size: cover !important;
    color: #d6c28a !important;
}

#wrap {
    max-width: 100% !important;
    width: 96% !important;
    margin: 15px auto !important;
    background: rgba(0, 0, 0, 0.86) !important;
    border: 2px solid #9b6b10 !important;
    box-shadow: 0 0 25px rgba(255, 180, 40, 0.35) !important;
}

.forabg, .forumbg, .panel {
    background: rgba(10, 10, 10, 0.94) !important;
    border: 1px solid #9b6b10 !important;
}

.headerbar {
    background: rgba(0, 0, 0, 0.88) !important;
    border: 1px solid #9b6b10 !important;
}

/* HEADER WOWPR */
.headerbar {
    background: url("./images/wow-header.jpg") no-repeat center 35% !important;
    background-size: cover !important;
    height: 250px !important;
    position: relative !important;
}

/* LOGO ARRIBA IZQUIERDA */
#site-description {
    position: absolute !important;
    top: 30px !important;
    left: 40px !important;
    z-index: 10 !important;
}

#site-description h1 {
    color: #d6c28a !important;
    font-size: 32px !important;
    text-shadow: 0 0 10px #000 !important;
}

/* Bajar logo/título de prosilver */
.site-description,
#site-description {
    margin-top: 100px !important;
}

/* WOWPR - Cambiar iconos de foros */
/* WOWPR - Icono foro sin romper botones */
.row-item:before {
    background-image: url("./images/forum-wow.png") !important;
    background-size: 42px 42px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.row-item {
    background-image: none !important;
}

.global_read,
.global_read_mine,
.global_read_locked,
.global_read_locked_mine,
.announce_read,
.announce_read_mine,
.forum_read,
.forum_read_locked,
.forum_read_subforum,
.sticky_read,
.sticky_read_mine,
.topic_read,
.topic_read_mine {
    background-image: none !important;
}

/* WOWPR - Icono foro */
li.row {
    background-image: none !important;
}

li.row .row-item:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    background: url("./images/forum-wow.png") center center no-repeat !important;
    background-size: 42px 42px !important;
    border: none !important;
}

li.row .row-item {
    padding-left: 65px !important;
    position: relative !important;
}

/* WOWPR - Icono foro base */
.row-item:before {
    background-image: url("./images/forum-wow.png") !important;
    background-size: 42px 42px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* WOWPR - FORZAR TRANSPARENCIA TOTAL EN ÁREAS */
.forabg,
.forumbg,
.panel,
.bg1,
.bg2,
.bg3,
ul.topiclist,
ul.topiclist li,
ul.topiclist li.row,
li.row,
li.row dl,
li.row dd,
li.row dt,
.topiclist forums,
dl.row-item,
.row-item {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Quitar azul/gris de prosilver */
ul.topiclist li.row:nth-child(odd),
ul.topiclist li.row:nth-child(even) {
    background: transparent !important;
    background-color: transparent !important;
}

/* Dejar solo líneas doradas suaves */
li.row {
    border-top: 1px solid rgba(155, 107, 16, 0.35) !important;
    border-bottom: 1px solid rgba(155, 107, 16, 0.35) !important;
}

/* Hover oscuro transparente */
li.row:hover {
    background: rgba(0, 0, 0, 0.35) !important;
    background-color: rgba(0, 0, 0, 0.35) !important;
}

/* WOWPR - quitar gris del navbar/breadcrumb */
.navbar,
.navbar ul,
.navbar li,
.breadcrumbs,
.action-bar,
#nav-main,
#nav-breadcrumbs {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* borde dorado suave opcional */
.navbar {
    border: 1px solid rgba(155, 107, 16, 0.45) !important;
    box-shadow: 0 0 10px rgba(155, 107, 16, 0.25) !important;
}

/* WOWPR - TEXTO ORO COMPLETO EN ÁREAS */

/* enlaces del navbar (Enlaces rápidos, FAQ, etc) */
.navbar a,
#nav-main a,
#nav-breadcrumbs a {
    color: #f5c542 !important;
}

/* títulos de foros (Bienvenida, Discusión, etc) */
.forumtitle,
a.forumtitle {
    color: #f5c542 !important;
}

/* descripciones debajo */
li.row dd,
li.row dt,
.forumdesc {
    color: #d6c28a !important;
}

/* último mensaje (lado derecho) */
.lastpost a,
.lastpost {
    color: #f5c542 !important;
}

/* nombres dentro de tablas (TEMAS, MENSAJES, etc) */
li.header dt,
li.header dd {
    color: #f5c542 !important;
}

/* enlaces generales dentro del foro */
li.row a {
    color: #f5c542 !important;
}

/* hover estilo WoW */
li.row a:hover,
.navbar a:hover {
    color: #39ff14 !important;
    text-shadow: 0 0 8px rgba(57,255,20,0.6) !important;
}

.site_logo {
    display: none !important;
}

/* WOWPR - Glow verde Legion en header */
.headerbar {
    box-shadow:
        0 0 18px rgba(57, 255, 20, 0.35),
        inset 0 0 35px rgba(57, 255, 20, 0.18) !important;
}

.headerbar::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 4px;
    box-shadow: inset 0 0 55px rgba(57, 255, 20, 0.22);
}

/* WOWPR - Loader WoW */
#wow-loader {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#wow-loader img {
    width: 120px;
    margin-bottom: 20px;
    animation: pulseGlow 1.5s infinite alternate;
}

#wow-bar {
    width: 220px;
    height: 10px;
    border: 1px solid #9b6b10;
    background: #111;
    overflow: hidden;
}

#wow-bar-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #39ff14, #f5c542);
    animation: loadingBar 2.5s forwards;
}

@keyframes loadingBar {
    from { width: 0%; }
    to { width: 100%; }
}

@keyframes pulseGlow {
    from {
        filter: drop-shadow(0 0 5px #39ff14);
    }
    to {
        filter: drop-shadow(0 0 18px #39ff14);
    }
}

/* WOWPR - mantener nombres de usuarios en rojo */
/* Mantener los colores reales de los grupos de phpBB */
.username,
a.username,
.lastpost a.username,
.responsive-show a.username {
    text-shadow: 0 0 5px rgba(255, 0, 0, 0.35) !important;
}

/* No forzar color en usuarios con color de grupo */
.username-coloured,
a.username-coloured,
.lastpost a.username-coloured,
.responsive-show a.username-coloured {
    text-shadow: 0 0 5px currentColor !important;
}

/* Hover del usuario */
.username:hover,
a.username:hover {
    color: #ff6666 !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.75) !important;
}

.username-coloured:hover,
a.username-coloured:hover {
    text-shadow: 0 0 8px currentColor !important;
}

/* WOWPR - Glow en último mensaje */
.lastpost,
.lastpost a {
    color: #f5c542 !important;
}

/* Brillo suave en el bloque de último mensaje */
.lastpost {
    text-shadow: 0 0 6px rgba(245, 197, 66, 0.55) !important;
}

/* Tema/último mensaje con efecto activo */
.lastpost a.topictitle,
.lastpost a {
    animation: wowLastPostGlow 1.6s infinite alternate;
}

@keyframes wowLastPostGlow {
    from {
        text-shadow: 0 0 4px rgba(245, 197, 66, 0.45);
    }
    to {
        text-shadow:
            0 0 8px rgba(245, 197, 66, 0.9),
            0 0 14px rgba(57, 255, 20, 0.45);
    }
}

/* WOWPR - UCP (Panel de Usuario) estilo oscuro */

/* fondo general del panel */
#cp-main,
#cp-menu,
.panel,
.ucp-main {
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(155, 107, 16, 0.6) !important;
}

/* menú lateral */
#cp-menu li {
    background: transparent !important;
    border-bottom: 1px solid rgba(155, 107, 16, 0.25);
}

#cp-menu a {
    color: #f5c542 !important;
}

#cp-menu a:hover {
    color: #39ff14 !important;
}

/* pestañas superiores */
.tabs .tab > a {
    background: rgba(0,0,0,0.6) !important;
    color: #d6c28a !important;
    border: 1px solid rgba(155,107,16,0.5) !important;
}

.tabs .activetab > a {
    background: rgba(0,0,0,0.9) !important;
    color: #39ff14 !important;
}

/* inputs (los blancos feos) */
input,
select,
textarea {
    background: rgba(0,0,0,0.85) !important;
    border: 1px solid #9b6b10 !important;
    color: #d6c28a !important;
}

/* botón enviar */
input.button1,
.button {
    background: linear-gradient(90deg, #9b6b10, #f5c542) !important;
    border: none !important;
    color: #000 !important;
}

input.button1:hover {
    background: linear-gradient(90deg, #f5c542, #39ff14) !important;
}

/* títulos */
h2,
.panel h3 {
    color: #f5c542 !important;
}

/* WOWPR - quitar gris del menú lateral UCP */
#cp-menu .navigation,
#cp-menu .navigation li,
#cp-menu .navigation a,
#cp-menu .navigation .active-subsection a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #f5c542 !important;
    border-color: rgba(155, 107, 16, 0.45) !important;
}

#cp-menu .navigation a:hover,
#cp-menu .navigation .active-subsection a:hover {
    color: #39ff14 !important;
    text-shadow: 0 0 8px rgba(57,255,20,0.65) !important;
}

/* WOWPR - letras del bloque principal UCP */
#cp-main,
#cp-main .panel,
#cp-main .inner,
#cp-main p,
#cp-main span,
#cp-main dd,
#cp-main dt,
#cp-main li {
    color: #d6c28a !important;
}

/* encabezados dentro del UCP */
#cp-main h2,
#cp-main h3,
#cp-main .panel h3 {
    color: #f5c542 !important;
}

/* links dentro del UCP */
#cp-main a {
    color: #f5c542 !important;
}

#cp-main a:hover {
    color: #39ff14 !important;
}

/* ==============================
   WOWPR Online - Caja de Rangos
   ============================== */

.wowpr-rank-box {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid #b8860b;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(20, 20, 20, 0.95), rgba(0, 0, 0, 0.92));
	box-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
	color: #f5f5f5;
}

.wowpr-rank-title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #ffd700;
	text-shadow: 0 0 6px rgba(255, 215, 0, 0.45);
}

.wowpr-rank-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 8px;
}

.wowpr-rank-item {
	padding: 8px 10px;
	border: 1px solid rgba(184, 134, 11, 0.45);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.035);
}

.wowpr-rank-name {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
}

.wowpr-rank-desc {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #d8d8d8;
}

.wowpr-rank-name.owner {
	color: #ffd700;
	text-shadow: 0 0 5px rgba(255, 215, 0, 0.55);
}

.wowpr-rank-name.webmaster {
	color: #00bfff;
	text-shadow: 0 0 5px rgba(0, 191, 255, 0.45);
}

.wowpr-rank-name.admin {
	color: #ff0000;
	text-shadow: 0 0 5px rgba(255, 0, 0, 0.45);
}

.wowpr-rank-name.mod {
	color: #00ff00;
	text-shadow: 0 0 5px rgba(0, 255, 0, 0.4);
}

.wowpr-rank-name.user {
	color: #ccff00;
	text-shadow: 0 0 5px rgba(204, 255, 0, 0.35);
}