/* GGWP forum skin — last layer, beats prosilver/colours.css */

html,
body,
#phpbb {
	background:
		radial-gradient(900px 420px at 50% -12%, rgba(232, 196, 122, 0.16), transparent 55%),
		radial-gradient(700px 480px at 0% 30%, rgba(80, 20, 8, 0.28), transparent 50%),
		radial-gradient(800px 500px at 100% 80%, rgba(40, 18, 8, 0.35), transparent 48%),
		linear-gradient(180deg, #16100b 0%, #080604 42%, #0c0906 100%) !important;
	color: var(--az-ink) !important;
	font-family: var(--az-font) !important;
}

a {
	color: var(--az-gold-2) !important;
}
a:hover {
	color: #fff6d2 !important;
}

.wrap {
	max-width: 1240px !important;
	margin: 1.4rem auto 2rem !important;
	padding: 0 1.125rem !important;
	background: transparent !important;
	backdrop-filter: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.page-body {
	padding: 0 !important;
}

/* —— Header (matches FusionCMS ggwp) —— */
.header {
	width: 100% !important;
	margin: 0 !important;
	background: linear-gradient(180deg, rgba(22, 15, 10, 0.98), rgba(10, 7, 5, 0.96)) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5) !important;
}
.header::before {
	display: none !important;
}
.header .container {
	max-width: 1240px !important;
}
.header .navbar {
	padding: 0.7rem 0 !important;
	gap: 0.85rem !important;
}
.header .navbar-brand {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.7rem !important;
	padding: 0 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	overflow: visible !important;
	filter: none !important;
}
.header .navbar-brand img,
.header .navbar-brand .ggwp-wordmark {
	display: block;
	width: auto;
	height: 42px;
	max-width: 176px;
}
.ggwp-brand-text {
	font-family: var(--az-display) !important;
	font-size: 1.55rem !important;
	letter-spacing: 0.16em !important;
	color: var(--az-gold-2) !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 18px rgba(240, 210, 138, 0.25);
	font-weight: 700;
}

.header .navbar-nav {
	align-items: center !important;
	gap: 0.1rem !important;
	--nav-link-height: auto;
	--nav-link-padding: 0;
}
.header .navbar-nav .nav-item .nav-link,
.header .navbar-nav .nav-link {
	font-family: var(--az-display) !important;
	font-size: 0.74rem !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: #efe2c4 !important;
	padding: 0.75rem 0.9rem !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-shadow: none !important;
	position: relative;
}
.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link.active {
	color: var(--az-gold-2) !important;
}
.header .navbar-nav .nav-link.active::before,
.header .navbar-nav .nav-link::before {
	display: none !important;
	box-shadow: none !important;
}
.header .navbar-nav .nav-link::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 6px;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--az-gold), transparent);
	opacity: 0;
}
.header .navbar-nav .nav-link:hover::after,
.header .navbar-nav .nav-link.active::after {
	opacity: 1;
}

.header .navbar-toggler {
	display: none;
	margin-left: auto;
	background: transparent;
	border: 1px solid var(--az-line);
	color: var(--az-gold-2);
	width: 42px;
	height: 36px;
	border-radius: 2px;
	cursor: pointer;
}
.header .navbar-toggler span,
.header .navbar-toggler span::before,
.header .navbar-toggler span::after {
	display: block;
	width: 18px;
	height: 2px;
	background: var(--az-gold-2);
	margin: 4px auto;
	content: "";
}

.ggwp-lang {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-left: 0.4rem;
}
.ggwp-lang a {
	display: inline-flex !important;
	align-items: center;
	gap: 0.35rem;
	padding: 0.28rem 0.55rem;
	border: 1px solid transparent;
	color: var(--az-muted) !important;
	font-family: var(--az-display);
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-decoration: none !important;
	opacity: 0.72;
}
.ggwp-lang a img {
	display: block;
}
.ggwp-lang a:hover,
.ggwp-lang a.is-active {
	opacity: 1;
	color: var(--az-gold-2) !important;
	border-color: var(--az-line);
	background: rgba(0, 0, 0, 0.28);
}

/* —— Ornate boxes (forum lists, stats, posts, login) —— */
.forabg,
.forumbg,
.stat-block,
.panel,
.post,
.rules,
.headerspace {
	background:
		linear-gradient(180deg, rgba(40, 28, 16, 0.94), rgba(12, 8, 6, 0.96)) !important;
	background-image: none !important;
	border: 1px solid var(--az-line) !important;
	box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, 0.55),
		0 14px 32px rgba(0, 0, 0, 0.4) !important;
	border-radius: 2px !important;
	overflow: hidden;
	margin: 0 0 1.1rem !important;
	position: relative;
}
.forabg::before,
.forumbg::before,
.stat-block::before,
.panel::before,
.post::before {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid rgba(232, 196, 122, 0.14);
	pointer-events: none;
	z-index: 1;
}

.forabg .inner,
.forumbg .inner,
.panel .inner {
	padding: 0 !important;
	position: relative;
	z-index: 2;
}

.topiclist li.header {
	background: linear-gradient(180deg, rgba(86, 56, 18, 0.5), rgba(20, 14, 8, 0.15)) !important;
	border-bottom: 1px solid var(--az-line) !important;
}
.topiclist li.header dt,
.topiclist li.header dd,
.topiclist li.header a {
	color: var(--az-gold-2) !important;
	font-family: var(--az-display) !important;
	font-size: 0.92rem !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	text-shadow: none !important;
}

.topiclist li.row {
	background: transparent !important;
	border-color: rgba(232, 196, 122, 0.12) !important;
}
.topiclist li.row:hover {
	background: rgba(212, 168, 83, 0.1) !important;
}
.topiclist .row .forumtitle,
.topiclist .row .topictitle,
.forumtitle,
.topictitle {
	color: var(--az-gold-2) !important;
	font-family: var(--az-display) !important;
	font-size: 1rem !important;
	letter-spacing: 0.04em;
}
.topiclist .row .forum-description,
.topiclist .row .list-inner,
.topiclist dd,
.topiclist dt {
	color: var(--az-ink) !important;
}
.topiclist .row dd,
.lastpost,
.lastpost strong,
.lastpost span {
	color: var(--az-muted) !important;
}
.topiclist .row .list-inner {
	color: var(--az-ink) !important;
}

.forums dl.row-item dt {
	background-image: none !important;
	padding-left: 0.6rem !important;
}
a.feed-icon-forum {
	display: none !important;
}
.forum-image {
	float: left;
	margin: 0 0.85rem 0 0;
	padding: 0;
}
.forum-image img {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid rgba(232, 196, 122, 0.45);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55), 0 6px 14px rgba(0, 0, 0, 0.4);
	object-fit: cover;
	display: block;
}
.forum-image img[src*="classicon_warrior"] { box-shadow: 0 0 0 1px #c79c6e, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_paladin"] { box-shadow: 0 0 0 1px #f58cba, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_hunter"] { box-shadow: 0 0 0 1px #abd473, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_rogue"] { box-shadow: 0 0 0 1px #fff569, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_priest"] { box-shadow: 0 0 0 1px #ffffff, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_deathknight"] { box-shadow: 0 0 0 1px #c41f3b, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_shaman"] { box-shadow: 0 0 0 1px #0070de, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_mage"] { box-shadow: 0 0 0 1px #69ccf0, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_warlock"] { box-shadow: 0 0 0 1px #9482c9, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_monk"] { box-shadow: 0 0 0 1px #00ff96, 0 6px 14px rgba(0, 0, 0, 0.4); }
.forum-image img[src*="classicon_druid"] { box-shadow: 0 0 0 1px #ff7d0a, 0 6px 14px rgba(0, 0, 0, 0.4); }

.stat-block h3,
.panel h2,
.panel h3,
.headerspace h3 {
	font-family: var(--az-display) !important;
	font-size: 0.92rem !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--az-gold-2) !important;
	background: linear-gradient(180deg, rgba(86, 56, 18, 0.5), rgba(20, 14, 8, 0.15)) !important;
	border-bottom: 1px solid var(--az-line) !important;
	text-align: center;
	padding: 0.8rem 1rem !important;
	line-height: 1.3 !important;
	margin: 0 !important;
}
.stat-block h3 a,
.panel h3 a,
.headerspace h3 a {
	color: var(--az-gold-2) !important;
}
.stat-block p,
.panel .inner,
.panel p,
.headerspace fieldset,
.online-list,
.statistics {
	color: var(--az-ink) !important;
}
.stat-block p {
	padding: 1rem 1.25rem !important;
}

.headerspace {
	padding: 0 !important;
}
.headerspace h3 {
	margin: 0 !important;
}
.quick-login {
	padding: 1.1rem 1.25rem 1.25rem !important;
	color: var(--az-ink) !important;
}
.quick-login label,
.quick-login span,
.quick-login a {
	color: var(--az-gold-2) !important;
}

.time {
	color: var(--az-muted) !important;
	font-family: var(--az-display);
	letter-spacing: 0.06em;
	font-size: 0.78rem;
}

/* Buttons + fields */
.button,
.button1,
.button2,
.button-secondary,
input.button1,
input.button2,
a.button1,
a.button2,
input[type="submit"] {
	background: linear-gradient(180deg, #f6de9a, #c49a3c) !important;
	color: #1a1208 !important;
	border: 1px solid #f8e6b0 !important;
	font-family: var(--az-display) !important;
	font-size: 0.78rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700 !important;
	box-shadow: 0 2px 0 #6b4a14, 0 8px 18px rgba(0, 0, 0, 0.3) !important;
	border-radius: 2px !important;
}
.inputbox,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
	background: #0d0a08 !important;
	border: 1px solid var(--az-line) !important;
	color: var(--az-ink) !important;
	box-shadow: none !important;
}

/* Hide stock phpBB chrome that leaks through */
#page-header,
.phpbb-navbar-footer,
#page-footer .navbar,
.copyright,
.footer-row {
	display: none !important;
}
#page-footer.page-footer {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	min-height: 0 !important;
}

.ggwp-acp {
	display: block !important;
	text-align: center;
	padding: 0.4rem 0 1rem;
	font-family: var(--az-display);
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Footer */
.footer {
	margin: 0 !important;
	padding: 0 0 1.6rem !important;
	background: linear-gradient(180deg, rgba(14, 10, 7, 0.98), #070504) !important;
	color: var(--az-muted) !important;
}
.footer .container {
	max-width: 1240px !important;
	padding-top: 1.6rem !important;
}
.footer-grid {
	display: grid !important;
	grid-template-columns: 1.3fr 1fr auto !important;
	gap: 1.4rem;
	align-items: center;
	text-align: left !important;
}
.footer-brand strong {
	font-family: var(--az-display);
	letter-spacing: 0.16em;
	color: var(--az-gold-2);
	font-size: 1.1rem;
}
.footer-brand code {
	color: var(--az-gold);
	background: rgba(0, 0, 0, 0.25);
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
}
.footer-links,
.footer-powered {
	justify-content: flex-start !important;
}
.footer-links a,
.footer-powered a {
	color: var(--az-gold-2) !important;
}

@media (max-width: 900px) {
	.header .navbar-toggler {
		display: block;
	}
	.header .navbar-collapse {
		display: none;
		width: 100%;
	}
	.header .navbar-collapse.is-open {
		display: block;
	}
	.header .navbar-nav {
		flex-direction: column;
		align-items: flex-start !important;
		width: 100%;
	}
	.header .navbar-nav .nav-link::after {
		display: none !important;
	}
	.footer-grid {
		grid-template-columns: 1fr !important;
		text-align: center !important;
	}
	.footer-links,
	.footer-powered {
		justify-content: center !important;
	}
}