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

@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=d6d1338b");
@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");



/* ============================================================
   FIX VOOR LEDENLIJST & TABELLEN (DONKER THEMA)
   ============================================================ */
div.panel, 
.memberlist .panel, 
.action-bar,
.panel.bg1,
.panel.bg2 {
    background-color: #252525 !important;
    background-image: none !important;
    border: 1px solid #444444 !important;
    color: #DDDDDD !important;
    margin-bottom: 15px !important;
    box-shadow: none !important;
}

/* Zorg dat de tekst en links in het filterblok netjes meekleuren */
.memberlist .action-bar a, 
.action-bar a,
.memberlist .pagination span strong,
.pagination span strong {
    color: #55FF55 !important;
}   

table.table1, .memberlist {
    width: 100% !important;
    table-layout: auto !important;
}

/* Zorg dat lange opsommingen van profielvelden netjes ingekort of verborgen worden */
.memberlist th.info, .memberlist td.info,
.memberlist th.secdetails, .memberlist td.secdetails {
    max-width: 250px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Maak de tabelkoppen in de ledenlijst leesbaar en passend binnen het thema */
table.table1 thead th {
    font-size: 11px !important;
    color: #55FF55 !important;
    padding: 6px 5px !important;
}

/* ============================================================
   MINECRAFT THEME OVERRIDES
   ============================================================ */

/* 1. Algemene achtergrond, container en tekst */
html, body {
    background-color: #121212 !important;
    color: #DDDDDD !important;
    font-family: Segoe UI, Arial, sans-serif !important;
    background-image: url("./images/bg.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.wrap {
    background-color: #1E1E1E !important;
    border: 2px solid #3C3C3C !important;
    border-radius: 0 !important;
}

.site_logo {
    display: inline-block !important;
    background-image: url("./images/minecraft_logo.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 250px !important;
    height: 85px !important;
    padding: 0 !important;
}

/* Verbergt het standaard phpBB SVG-logo */
.site_logo::before, 
.site-description i.icon {
    display: none !important;
}

/* 2. Header, Navigatie en Categorieën */
.headerbar {
    background-color: #2A2A2A !important;
    /* Hier is de achtergrondbanner toegevoegd */
    background-image: url("./images/header_bg.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-bottom: 3px solid #55FF55 !important;
    border-radius: 0 !important;
}

.forabg, .forumbg {
    background-color: #2D2D2D !important;
    background-image: none !important;
    border: 1px solid #444444 !important;
    border-radius: 0 !important;
}

.forabg ul.header, .forumbg ul.header {
    background-color: #222222 !important;
}

ul.forums {
    background-color: #181818 !important;
}

li.row {
    background-color: #222222 !important;
    border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #111111 !important;
}

li.row:hover {
    background-color: #2A2A2A !important;
}

.navbar {
    background-color: #252525 !important;
    border-radius: 0 !important;
}

/* 3. Links en Titels */
a {
    color: #55FF55 !important;
    text-decoration: none;
}

a:hover {
    color: #AAFFAA !important;
    text-decoration: underline;
}

h2, h3, .titles, .forumtitle, .topictitle {
    color: #55FF55 !important;
}

/* 4. Dropdown Menu's (Rechtsboven profiel) */
.dropdown-contents, .dropdown {
    background-color: #1E1E1E !important;
    border: 2px solid #3C3C3C !important;
}

.dropdown-contents a, .dropdown a {
    color: #DDDDDD !important;
}

.dropdown-contents a:hover, .dropdown a:hover {
    background-color: #55FF55 !important;
    color: #000000 !important;
}

.dropdown-extended .header {
    background-color: #2A2A2A !important;
    color: #55FF55 !important;
}

.pointer-inner {
    border-bottom-color: #1E1E1E !important;
}

/* 5. UCP / MCP OVERRIDES */
#cp-main, 
#cp-main .panel, 
#cp-main .pm-panel-header,
.panel-container,
.bg1, .bg2, .bg3,
.panel-bg {
    background-color: #1A1A1A !important;
    background-image: none !important;
    color: #DDDDDD !important;
    border-color: #333333 !important;
}

#cp-main h2, 
#cp-main h3, 
#cp-main .panel h2, 
#cp-main .panel h3 {
    background-color: #222222 !important;
    color: #55FF55 !important;
    border-bottom: 2px solid #55FF55 !important;
    padding: 8px !important;
    margin-bottom: 10px !important;
}

/* Tabbladen bovenaan UCP */
#tabs .tab > a {
    background-color: #2A2A2A !important;
    color: #DDDDDD !important;
    border: 1px solid #333333 !important;
}

#tabs .tab.activetab > a {
    background-color: #55FF55 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* 6. UCP ZIJMENU */
#cp-menu, 
#navigation, 
#navigation ul,
.cp-mini {
    background-color: #141414 !important;
    background-image: none !important;
}

#cp-menu #navigation li a,
#navigation li a,
.cp-mini li a {
    background-color: #252525 !important;
    background-image: none !important;
    color: #DDDDDD !important;
    border-bottom: 1px solid #3D3D3D !important;
    border-top: 1px solid #1A1A1A !important;
    text-shadow: none !important;
}

#cp-menu #navigation li a:hover,
#navigation li a:hover,
.cp-mini li a:hover {
    background-color: #383838 !important;
    color: #55FF55 !important;
}

#cp-menu #navigation li.active-subsection a,
#navigation li.active-subsection a,
.cp-mini li.active-subsection a {
    background-color: #55FF55 !important;
    background-image: none !important;
    color: #000000 !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

/* 7. Knoppen & Forms */
.button, input.button1, input.button2 {
    background-color: #333333 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 1px solid #555555 !important;
}

.button:hover, input.button1:hover, input.button2:hover {
    background-color: #55FF55 !important;
    color: #000000 !important;
}

/* 8. Tekstinvoervelden & Form Labels */
input.inputbox, 
textarea, 
select, 
#keywords {
    background-color: #252525 !important;
    color: #55FF55 !important;
    border: 1px solid #444444 !important;
}

input.inputbox:focus, 
textarea:focus, 
select:focus {
    border-color: #55FF55 !important;
    outline: none !important;
}

input::placeholder, 
textarea::placeholder {
    color: #888888 !important;
}

dl.details dt, 
label, 
.fields1 dt {
    color: #DDDDDD !important;
}

#search-box input.inputbox {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
}

/* 9. Footer & Ronde hoeken */
.copyright {
    color: #AAAAAA !important;
}

.copyright a {
    color: #55FF55 !important;
}

* {
    border-radius: 0 !important;
}
/* Force Minecraft-style input box */
input#ch {
    background-color: #252525 !important;
    color: #55FF55 !important;
    border: 1px solid #444444 !important;
    padding: 3px 5px !important;
}

input#ch:hover {
    background-color: #333333 !important;
    border-color: #55FF55 !important;
}

input#ch:focus {
    background-color: #252525 !important;
    border-color: #55FF55 !important;
    outline: none !important;
}
.chat-link-container {
    float: right;
    margin: 10px 15px 0 0;
}
.chat-link {
    color: #ffffff;
    background-color: #337ab7;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    text-decoration: none;
    transition: background-color 0.2s;
}
.chat-link:hover {
    background-color: #286090;
    text-decoration: none;
}
.chat-link .icon {
    margin-right: 5px;
}