/*	phpBB3 Style Sheet
--------------------------------------------------------------
Style name:			prosilver Special Edition
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/ )
-------------------------------------------------------------- */

/* colours.css changes */
html, body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 12px 0;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
	background-color: #424251;
	background: url('https://www.phpbbextnl.be/images/Background.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.simple {
	min-height: 100%;
	padding: 0 5px;
}
/* Wrap met snellere neon pulse */
.wrap {
	background: linear-gradient(180deg, #f4f8fa 0%, #e9f0f3 100%);
	border: 2px solid #0080ff;
	border-radius: 15px;
	box-shadow: 0 0 8px #0080ff, 0 0 16px #3399ff, inset 0 3px 18px rgba(100, 100, 100, 0.25);
	margin: 0 auto;
	max-width: 1152px;
	padding: 13px 13px;
	animation: neonPulseFlow 2s ease-in-out infinite alternate;
}
.site_logo {
	background-image: url("./images/site_logo.png") !important;
}
/* Headerbar met dezelfde snellere neon pulse */
.headerbar {
	background: linear-gradient(90deg, rgba(2,31,74,0.95) 0%, rgba(18,62,97,0.9) 53%, rgba(66,110,167,0.85) 100%), url("./images/headerbarbackground.png") !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-blend-mode: multiply !important;
	padding: 12px 5px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 0 8px #0080ff;
	height: auto !important;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
	animation: neonPulseFlow 2s ease-in-out infinite alternate;
}
/* Keyframes voor vloeiende neon pulse */
@keyframes neonPulseFlow {
	0% { box-shadow: 0 0 6px #0080ff, 0 0 12px #3399ff, inset 0 3px 18px rgba(100,100,100,0.25); }
	25% { box-shadow: 0 0 9px #3399ff, 0 0 15px #66b3ff, inset 0 3px 18px rgba(100,100,100,0.25); }
	50% { box-shadow: 0 0 12px #66b3ff, 0 0 20px #3399ff, inset 0 3px 18px rgba(100,100,100,0.25); }
	75% { box-shadow: 0 0 9px #3399ff, 0 0 15px #66b3ff, inset 0 3px 18px rgba(100,100,100,0.25); }
	100% { box-shadow: 0 0 6px #0080ff, 0 0 12px #3399ff, inset 0 3px 18px rgba(100,100,100,0.25); }
}
.dropdown {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: top;
	transition-property: opacity, transform, overlay, display;
	transition-duration: 0.4s;
	transition-behavior: allow-discrete;
}
.dropdown-up .dropdown { transform-origin: bottom; }
@starting-style {
	.dropdown {
		opacity: 0;
		transform: scaleY(0);
	}
}
.breadcrumbs .crumb {
	float: left !important;
	font-weight: bold !important;
	word-wrap: normal !important;
	background: linear-gradient(to bottom, rgba(235,242,250,0.9), rgba(179,198,218,0.68)) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	padding: 4px 12px !important;
	margin-right: 5px !important;
	margin-top: 5px !important;
	line-height: 1.5 !important;
}
/* Profile in overall_header.html */
.header-profile {
	display: inline-flex;
	align-items: center;
	background: linear-gradient(145deg, #bacbde, #b8c8d6);
	border: 1px solid;
	border-image: linear-gradient(45deg, blue, grey, black, red) 1;
	border-radius: 6px;
	padding: 2px 6px;
	margin-top: 2px;
	line-height: 1.2;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	font-family: 'Segoe UI', Tahoma, sans-serif;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}
.header-profile:hover {
	background: linear-gradient(145deg, #aec2d9, #d7dfe8);
	box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}
/* Buttons */
.button {
	color: #2E5A88;
	background: linear-gradient(180deg, #EAF1F7 0%, #D9E7F3 100%);
	font-size: 13px;
	font-weight: 600;
	font-family: "Open Sans", "Segoe UI", Roboto, sans-serif;
	text-align: center;
	cursor: pointer;
	padding: 3px 8px;
	border: 1px solid rgba(46,90,136,0.25);
	border-radius: 4px;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
	user-select: none;
}
.button:hover {
	background: linear-gradient(180deg, #E1ECF4 0%, #CCDDEE 100%);
	border-color: rgba(46,90,136,0.4);
	color: #1F3E61;
}
.button:active {
	background: linear-gradient(180deg, #C7DAEC 0%, #BBD0E4 100%);
	border-color: rgba(46,90,136,0.5);
	color: #1F3E61;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
a.button1, input.button1, a.button2, input.button2, input.button3 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 600;
	color: #fff !important;
	border-radius: 4px;
	border: 1px solid #2B507A;
	background: linear-gradient(135deg, #4E7EAF 0%, #2B507A 100%);
	box-shadow: 0 1px 4px rgba(46,90,136,0.2), inset 0 1px 1px rgba(255,255,255,0.15);
	cursor: pointer;
	text-decoration: none;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.1s ease;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	background: linear-gradient(135deg, #5B8EBF 0%, #366390 100%);
	box-shadow: 0 2px 6px rgba(46,90,136,0.25), inset 0 1px 2px rgba(255,255,255,0.2);
}
a.button1:active, input.button1:active, a.button2:active, input.button2:active, input.button3:active {
	background: linear-gradient(135deg, #3D6C9C 0%, #24456C 100%);
	transform: translateY(1px);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(46,90,136,0.2);
}
.inputbox {
	background-color: #f8f9fa;
	--angle: 0deg;
	border: 1px solid;
	border-image: conic-gradient(from var(--angle), #ff0000, #067506, #f0f00a, #b67a0b, #d45c91, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) 1;
	animation: 3s rotate linear infinite;
}
@keyframes rotate { to { --angle: 360deg; } }
@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}
.search-header { box-shadow: 0 0 10px #505C65; }
.headerbar {
	background: #082D60;
	background: linear-gradient(90deg, rgba(8,45,96,1) 0%, rgba(6,45,97,1) 50%, rgba(9,46,97,1) 100%);
	background-repeat: repeat-x;
}
.navbar { background-color: #DCDEE2; }
.forabg, .forumbg {
	background-color: #444444;
	background-image: linear-gradient(to bottom, #333333 0%, #444444 4%, #333333 10%, #444444 29%, #505C65 38%, #505C65 100%);
	background-repeat: repeat-x;
}
.copyright {
	color: #ffffff;
	background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https://www.phpbbextnl.be/images/copyrightimage.jpg') center/cover no-repeat fixed;
	border-radius: 12px;
	border: 1.5px solid rgba(255,255,255,0.25);
	backdrop-filter: blur(3px);
	padding: 1.5em 2em;
	margin: 1em auto 0.5em auto;
	max-width: 1100px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3);
	font-family: 'Inter', sans-serif;
	font-size: 1.1rem;
	line-height: 1.6;
	letter-spacing: 0.3px;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.copyright:hover {
	transform: scale(1.02);
	box-shadow: 0 6px 16px rgba(0,0,0,0.5);
	border-color: rgba(255,255,255,0.5);
}
.sticky-steve { background-color: #0074ac !important; background-image: none !important; }
.announce-steve { background-color: #008080 !important; background-image: none !important; }
.global-steve { background-color: #a80000 !important; background-image: none !important; }
/* Responsieve typografie en spacing */
@media (max-width: 768px) {
	.copyright { font-size: 1rem; padding: 1.2em 1.5em; }
}
@media (max-width: 480px) {
	.copyright { font-size: 0.95rem; padding: 1em; border-radius: 10px; }
}
.copyright a { color: #ffff68 !important; }
li.row, li.row:hover, li.row.bg3, li.row.bg3:hover { background-color: #dddddd; }
.post {
	padding: 5px 10px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-radius: 7px;
	border: 3px solid #DCDEE2;
	position: relative;
}
.jumpbox-cat-link {
	background-color: #505C65;
	background-image: linear-gradient(to bottom, #333333 0%, #444444 4%, #76828B 10%, #444444 29%, #505C65 38%, #505C65 100%);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.jumpbox-sub-link { background-color: #E8ECEE; }
/* Code block */
.codebox {
	background-color: #ecf5ff;
	border-color: #9eafba;
}
.codebox p { border-bottom-color: #bfcbd2; }
.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding: 12px 5px;
	color: #00350e;
	font: 0.9em Monaco, "Andale Mono", "Courier New", Courier, monospace;
	line-height: 1.3em;
}
/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body { background-color: #444444; }
	body { padding-left: 5px; padding-right: 3px; }
	#wrap { width: auto; }
}
@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap { width: auto; }
}