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

@import url("normalize.css?hash=1dd35f70");
@import url("base.css?hash=b7bc48a3");
@import url("utilities.css?hash=3a3f5cdb");
@import url("common.css?hash=4599fd5f");
@import url("links.css?hash=1d3f8c83");
@import url("content.css?hash=9b3e0f4f");
@import url("buttons.css?hash=50711f1a");
@import url("cp.css?hash=8964c44e");
@import url("forms.css?hash=9ea340e8");
@import url("icons.css?hash=7c9202d6");
@import url("colours.css?hash=df69efc3");
@import url("responsive.css?hash=7fb77ba3");


/* =======================================================
   EVILZ NEXT-GEN GAMING LAYOUT (2026 CYBERPUNK INTERFACE)
   ======================================================= */

/* 1. CURA?ARE ?I REFRESH STRUCTURA */
html, body {
    background-color: #050507 !important;
    /* Adaugam o grila discreta de gaming ?i o lumina ro?ie īn spate */
    background-image: 
        radial-gradient(circle at top, rgba(229, 27, 36, 0.15) 0%, #050507 50%),
        linear-gradient(rgba(255, 255, 255, 0.003) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.003) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    background-attachment: fixed !important;
    color: #e1e1e6 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* Eliminam toate tabelele clasice rigide din phpBB */
table, td, tr, th, tbody, .tablebg, .forabg, .forumbg {
    background: transparent !important;
    border: none !important;
    border-collapse: collapse !important;
    box-shadow: none !important;
}

/* 2. PANOURI MODERNE (GLASS-NEON CARDS) */
.forabg, .forumbg {
    background: rgba(13, 13, 17, 0.7) !important; /* Sticla fumurie semi-transparenta */
    backdrop-filter: blur(12px) !important; /* Efect de blur modern */
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-top: 2px solid #e51b24 !important; /* Margine superioara neon */
    border-radius: 12px !important; /* Col?uri rotunjite moderne */
    margin-bottom: 30px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden !important;
    display: block !important;
}

/* Barele de titlu ale categoriilor (stil Stream Overlay) */
.forabg .header, .forumbg .header, li.header, td.cat {
    background: linear-gradient(90deg, rgba(20, 20, 27, 0.9) 0%, rgba(10, 10, 14, 0.9) 100%) !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

.forabg .header a, .forumbg .header a, td.cat h2 a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 15px rgba(229, 27, 36, 0.4) !important;
}

/* Ascundem textul īnvechit de tabel (Topics/Posts) din bara pentru un aspect curat */
th, .header dfn, .header span {
    opacity: 0.4 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}

/* 3. RĀNDURI ULTRA-INTERACTIVE (HOVER GLOW LIFT) */
li.row, tr.row1, tr.row2, td.row1, td.row2 {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    padding: 18px 24px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efectul spectaculos cānd treci cu mouse-ul peste o sec?iune */
li.row:hover, tr.row1:hover, tr.row2:hover {
    background: rgba(229, 27, 36, 0.03) !important; /* Taietura fina ro?ie */
    box-shadow: inset 4px 0 0 #e51b24 !important; /* Dunga ro?ie verticala activa */
    transform: translateX(4px) !important; /* Mi?care fluida spre dreapta */
}

/* 4. REGLARE TEXT ?I DETALII INTERFA?A */
a.forumtitle, a.topictitle {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    transition: color 0.2s ease !important;
}

li.row:hover a.forumtitle, tr:hover a.forumtitle {
    color: #e51b24 !important;
    text-shadow: 0 0 15px rgba(229, 27, 36, 0.5) !important;
}

/* Descrierile devin aerisite ?i moderne */
li.row span, li.row dfn, .forum-desc, .moderators {
    color: #9494a0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Subforumurile transformate īn tag-uri mici */
a.subforum {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    color: #a2a2ad !important;
    font-size: 11px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}
a.subforum:hover {
    background: #e51b24 !important;
    color: #ffffff !important;
    border-color: #e51b24 !important;
}

/* Statistici clare (Numere mari, albe) */
dd.topics, dd.posts, dd.views, td.posts, td.topics {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Zona de Last Post modernizata */
dd.lastpost, td.lastpost {
    color: #d1d1d6 !important;
    font-size: 12px !important;
}
dd.lastpost a, td.lastpost a {
    color: #e51b24 !important;
    font-weight: 700 !important;
}

/* 5. DESIGN SPECIAL IMAGINI PARTENERI */
.partner-link img, table img[src*="unikov"], table img[src*="hosteaza"] {
    max-height: 52px !important;
    width: auto !important;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.5)) !important;
    transition: transform 0.3s ease !important;
}
.partner-link:hover img {
    transform: scale(1.03) !important; /* Efect de zoom fin la parteneri */
}

/* =======================================================
   DASHBOARD MODERNE FOOTER EVILZ - CENTRAT & NEON ICONS
   ======================================================= */

/* 1. SEPARARE ?I STRUCTURA PANOURI COMPACTE (STATISTICS / WHO IS ONLINE) */
.statistics, .who-is-online, #login-box, .contact-box, div.panel {
    background: linear-gradient(135deg, rgba(16, 16, 22, 0.95) 0%, rgba(10, 10, 14, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-top: 3px solid #e51b24 !important; /* Dunga neon ro?ie Evilz */
    border-radius: 10px !important;
    padding: 24px !important;
    margin: 25px auto !important;
    max-width: 90% !important; /* Īngustam blocurile pentru a nu fi lungi ?i triste */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(229, 27, 36, 0.03) !important;
    text-align: center !important; /* Centrare completa a textului interior */
}

/* 2. CENTRARE ?I ILUMINARE TITLURI CU ICONI?E INJECTATE VIA CSS */
.statistics h3, .who-is-online h3, #page-footer h3 {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(229, 27, 36, 0.2) !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
    display: inline-block !important; /* Permite centrarea perfecta a barei de sub titlu */
    width: auto !important;
    text-shadow: 0 0 15px rgba(229, 27, 36, 0.5) !important;
}

/* Adaugare iconi?a moderna automata pentru Cine e online */
.who-is-online h3::before {
    content: "\f0c0" !important;
    font-family: "FontAwesome" !important;
    margin-right: 10px !important;
    color: #e51b24 !important;
}

/* Adaugare iconi?a moderna automata pentru Statistici */
.statistics h3::before {
    content: "\f080" !important;
    font-family: "FontAwesome" !important;
    margin-right: 10px !important;
    color: #e51b24 !important;
}

/* 3. FINISARE TEXT ?I VALORI STATISTICE (NUMERE RO?II MARI) */
.statistics p, .who-is-online p {
    color: #b0b0b8 !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    margin: 0 auto !important;
    max-width: 800px !important;
}

/* Numerele ?i numele importante ies puternic īn eviden?a */
.statistics strong, .who-is-online strong, .who-is-online a {
    color: #e51b24 !important;
    font-weight: 800 !important;
    background: rgba(229, 27, 36, 0.07) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(229, 27, 36, 0.15) !important;
    display: inline-block !important;
    margin: 2px !important;
}

/* 4. CHENAR ?I BUTOANE CENTRATE PENTRU CONTACT SOCIAL */
.contact-box, div[style*="text-align: center"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 20px !important;
}

/* Transformare iconi?e sociale īn butoane e-sports premium */
.contact-box a, div[style*="text-align: center"] a i, a[class*="icon-"] {
    background: rgba(18, 18, 24, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important; /* Col?uri rotunjite stil tech-gaming */
    color: #ffffff !important;
    font-size: 18px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efect hover puternic pe re?ele sociale (Steam, FB, Discord etc.) */
.contact-box a:hover, div[style*="text-align: center"] a:hover i {
    border-color: #e51b24 !important;
    background: #e51b24 !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(229, 27, 36, 0.6) !important;
    transform: translateY(-4px) !important;
}

/* 5. LOGO FOOTER BLACKBOARD MAX */
.copyright, .foot, #page-footer div:last-child {
    text-align: center !important;
    color: #3a3a45 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-top: 35px !important;
}