/**
 * Outland — Burning Crusade skin
 * Loaded last so it restyles the working default structure
 * without replacing module templates.
 */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Outfit:wght@400;500;600;700&display=swap");

.theme-outland {
	--ol-void: #07090e;
	--ol-ink: #10151f;
	--ol-card: linear-gradient(165deg, rgba(18, 26, 38, 0.94) 0%, rgba(8, 10, 16, 0.96) 100%);
	--ol-text: #e8e2d6;
	--ol-muted: #9a9386;
	--ol-fel: #3ee6a1;
	--ol-fel-deep: #14956a;
	--ol-gold: #e4b15a;
	--ol-gold-soft: #f3ddb0;
	--ol-line: rgba(228, 177, 90, 0.28);
	--ol-line-strong: rgba(62, 230, 161, 0.45);
	--ol-radius: 16px;
	--ol-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
	--font-family-primary: "Outfit", system-ui, sans-serif;
	--color-primary: var(--ol-text);
	--borderRadius-primary: var(--ol-radius);
}

body.theme-outland {
	color: var(--ol-text);
	font-family: "Outfit", system-ui, sans-serif;
	background-color: var(--ol-void);
	background-image:
		radial-gradient(900px 420px at 50% -80px, rgba(20, 148, 106, 0.22), transparent 70%),
		radial-gradient(700px 380px at 100% 20%, rgba(228, 177, 90, 0.08), transparent 60%),
		linear-gradient(180deg, #0c1218 0%, #07090e 40%, #07090e 100%);
	background-attachment: fixed;
}

.theme-outland .header {
	position: relative;
	z-index: 50;
	padding-top: 0.85rem;
	background: transparent;
	overflow: visible;
}

.theme-outland .header .navbar,
.theme-outland .header .navbar .header-nav-row,
.theme-outland .header .navbar .nav-shell,
.theme-outland .header .navbar .navbar-nav,
.theme-outland .header .navbar .nav-item.dropdown {
	overflow: visible;
}

.theme-outland .header .navbar {
	position: relative;
	z-index: 50;
	padding: 0.55rem 0.7rem 0.55rem 0.85rem;
	border: 1px solid var(--ol-line);
	border-radius: 18px;
	background: rgba(10, 14, 22, 0.78);
	box-shadow: var(--ol-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
	backdrop-filter: blur(16px);
}

.theme-outland .header .dropdown-menu,
.theme-outland .header .navbar .navbar-nav .dropdown .dropdown-menu,
.theme-outland .mbar.dropdown > .dropdown-menu {
	z-index: 1055 !important;
}

.theme-outland .section-slider {
	position: relative;
	z-index: 1;
}

.theme-outland .header .navbar .nav-shell {
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
	min-height: 0;
}

.theme-outland .header .navbar .nav-shell .nav-item .nav-link {
	height: 38px;
	border-radius: 10px;
	color: var(--ol-gold-soft) !important;
	font-family: "Outfit", system-ui, sans-serif;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.12em;
}

.theme-outland .header .navbar .nav-shell .nav-item .nav-link:hover,
.theme-outland .header .navbar .nav-shell .nav-item .nav-link.active,
.theme-outland .header .navbar .nav-shell .nav-item .nav-link.show {
	color: #fff !important;
	background: rgba(62, 230, 161, 0.12) !important;
	border-color: rgba(62, 230, 161, 0.35) !important;
	box-shadow: inset 0 0 0 1px rgba(62, 230, 161, 0.15);
}

.theme-outland .header .dropdown-menu {
	border-radius: 12px !important;
	border: 1px solid var(--ol-line) !important;
	background: linear-gradient(165deg, rgba(16, 22, 32, 0.98), rgba(8, 10, 16, 0.99)) !important;
	box-shadow: var(--ol-shadow) !important;
}

.theme-outland .header .dropdown-menu .dropdown-item {
	color: var(--ol-text) !important;
	border-radius: 8px;
	font-size: 0.82rem;
}

.theme-outland .header .dropdown-menu .dropdown-item:hover,
.theme-outland .header .dropdown-menu .dropdown-item:focus {
	color: #fff !important;
	background: rgba(62, 230, 161, 0.12) !important;
}

.theme-outland .mbar {
	border: 1px solid var(--ol-line) !important;
	border-radius: 14px !important;
	background: rgba(8, 12, 18, 0.72) !important;
	box-shadow: none !important;
}

.theme-outland .mbar__name,
.theme-outland .mbar__kicker {
	color: var(--ol-gold-soft) !important;
}

.theme-outland .mbar__chip {
	border: 1px solid rgba(62, 230, 161, 0.28) !important;
	background: rgba(20, 149, 106, 0.16) !important;
	color: var(--ol-fel) !important;
}

.theme-outland .mbar__guest-btn {
	border-radius: 10px !important;
	border: 1px solid var(--ol-line) !important;
	background: transparent !important;
	color: var(--ol-gold-soft) !important;
}

.theme-outland .mbar__guest-btn--accent {
	border-color: rgba(62, 230, 161, 0.45) !important;
	background: linear-gradient(180deg, #1c8f66, #0e6b4a) !important;
	color: #f4fff9 !important;
}

.theme-outland .navbar-toggler {
	border: 1px solid var(--ol-line) !important;
	border-radius: 10px;
}

.theme-outland #mobileMenu.mobile-menu {
	background: #0c1118 !important;
	color: var(--ol-text);
	border-left: 1px solid var(--ol-line);
}

.theme-outland #mobileMenu .nav-link {
	color: var(--ol-gold-soft) !important;
	border-radius: 10px;
}

.theme-outland #mobileMenu .nav-link.active,
.theme-outland #mobileMenu .nav-link:hover {
	background: rgba(62, 230, 161, 0.12) !important;
	color: #fff !important;
}

.theme-outland .section-slider .slider-shell,
.theme-outland .section-slider .slider,
.theme-outland .section-slider .fluxslider {
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--ol-line);
	box-shadow: var(--ol-shadow);
}

.theme-outland .box.type-goldtodp,
.theme-outland .box.type-goldtodp > .box-body {
	overflow: visible;
}

.theme-outland .box {
	position: relative;
	overflow: hidden;
	margin-top: 0.9rem;
	border: 1px solid var(--ol-line) !important;
	border-radius: var(--ol-radius) !important;
	background: var(--ol-card) !important;
	box-shadow: var(--ol-shadow) !important;
}

.theme-outland .box:first-child {
	margin-top: 0;
}

.theme-outland .box::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 3px !important;
	height: 100% !important;
	background: linear-gradient(180deg, var(--ol-fel), var(--ol-gold)) !important;
	background-image: linear-gradient(180deg, var(--ol-fel), var(--ol-gold)) !important;
	z-index: 3 !important;
	pointer-events: none !important;
}

.theme-outland .box::after,
.theme-outland .box > [box-overlay],
.theme-outland .box > [box-overlay]::before,
.theme-outland .box > [box-overlay]::after {
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

.theme-outland .box > .box-head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
	height: auto !important;
	min-height: 48px;
	padding: 0.85rem 1.15rem !important;
	line-height: 1.25;
	font-family: "Cinzel", serif !important;
	font-size: 0.78rem !important;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ol-gold-soft) !important;
	text-shadow: none !important;
	background: linear-gradient(180deg, rgba(62, 230, 161, 0.08), transparent) !important;
	border-bottom: 1px solid rgba(228, 177, 90, 0.16);
}

.theme-outland .box > .box-head::before,
.theme-outland .box > .box-head::after {
	content: "";
	flex: 1 1 0;
	max-width: 2.6rem;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(228, 177, 90, 0.65));
}

.theme-outland .box > .box-head::after {
	background: linear-gradient(90deg, rgba(228, 177, 90, 0.65), transparent);
}

.theme-outland .box > .box-body {
	position: relative;
	z-index: 4;
	color: var(--ol-text);
	text-shadow: none !important;
	font-family: "Outfit", system-ui, sans-serif;
}

.theme-outland .box a {
	color: var(--ol-fel);
}

.theme-outland .box a:hover {
	color: var(--ol-gold-soft);
}

.theme-outland .news-title,
.theme-outland .box.type-news .news-title {
	font-family: "Cinzel", serif !important;
	color: var(--ol-gold-soft) !important;
	letter-spacing: 0.02em;
}

.theme-outland .box.type-news .news-content,
.theme-outland .box.type-page > .box-body {
	color: var(--ol-text);
}

.theme-outland .nice_button,
.theme-outland input[type="submit"].nice_button,
.theme-outland button.nice_button,
.theme-outland .btn-primary {
	border: 1px solid rgba(62, 230, 161, 0.45) !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #1c8f66, #0e6b4a) !important;
	color: #f4fff9 !important;
	font-family: "Outfit", system-ui, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: none !important;
	text-shadow: none !important;
}

.theme-outland .nice_button:hover,
.theme-outland input[type="submit"].nice_button:hover,
.theme-outland button.nice_button:hover {
	filter: brightness(1.08);
	color: #fff !important;
}

.theme-outland #character_tools .goldtodp_panel_ready .nice_button:not(.is-disabled) {
	background: linear-gradient(180deg, #3ee6a1, #128a5c) !important;
	border-color: rgba(210, 255, 230, 0.75) !important;
	color: #f4fff9 !important;
	box-shadow: 0 0 16px rgba(62, 230, 161, 0.5) !important;
}

.theme-outland #character_tools .nice_button.is-disabled,
.theme-outland #character_tools .nice_button.is-disabled:hover {
	background: linear-gradient(180deg, #2c3138, #1a1e24) !important;
	border-color: rgba(140, 140, 140, 0.35) !important;
	color: #8a847a !important;
	box-shadow: none !important;
	filter: none !important;
	cursor: not-allowed;
	pointer-events: none;
}

.theme-outland .form-control,
.theme-outland .form-select,
.theme-outland input[type="text"],
.theme-outland input[type="password"],
.theme-outland input[type="email"],
.theme-outland input[type="number"],
.theme-outland select,
.theme-outland textarea {
	border: 1px solid var(--ol-line) !important;
	border-radius: 10px !important;
	background: rgba(6, 8, 12, 0.72) !important;
	color: var(--ol-text) !important;
	box-shadow: none !important;
}

.theme-outland .form-control:focus,
.theme-outland input:focus,
.theme-outland select:focus,
.theme-outland textarea:focus {
	border-color: var(--ol-line-strong) !important;
	outline: none;
}

.theme-outland table {
	color: var(--ol-text);
}

.theme-outland .table,
.theme-outland .nice_table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--ol-text);
	border-color: rgba(228, 177, 90, 0.16);
}

.theme-outland .table th,
.theme-outland .nice_table th {
	color: var(--ol-gold-soft);
	font-weight: 700;
	border-color: rgba(228, 177, 90, 0.16);
}

.theme-outland .footer {
	margin-top: 2.5rem;
	padding: 1.6rem 0 1.8rem;
	border-top: 1px solid rgba(228, 177, 90, 0.16);
	background: rgba(6, 8, 12, 0.72) !important;
	box-shadow: none !important;
	color: var(--ol-muted);
}

.theme-outland .footer [footer-glow] {
	display: none;
}

.theme-outland .footer .navbar-nav .nav-link {
	color: var(--ol-gold-soft);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.theme-outland .footer .navbar-nav .nav-link:hover {
	color: var(--ol-fel);
}

.theme-outland .pagination .page-link {
	border-color: var(--ol-line);
	background: rgba(8, 12, 18, 0.8);
	color: var(--ol-gold-soft);
}

.theme-outland .pagination .page-item.active .page-link {
	background: #14956a;
	border-color: #14956a;
	color: #fff;
}

.theme-outland .alert {
	border-radius: 12px;
	border: 1px solid var(--ol-line);
	background: rgba(8, 12, 18, 0.85);
	color: var(--ol-text);
}

@media (max-width: 1199.98px) {
	.theme-outland .header .navbar {
		border-radius: 14px;
	}
}