/*!
 * Warhost MU Online - WebEngine Template
 * Castle Siege module & sidebar widget
 */

/* ===== CASTLE SIEGE PAGE ===== */
.castle-siege-block .castle-owner-panel {
	position: relative;
	background: #000 url('../img/castle_owner_bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	border-radius: var(--wh-radius-lg, 12px);
	border: 1px solid var(--wh-border, #1a2a35);
	box-shadow: var(--wh-shadow, 0 10px 30px rgba(0,0,0,0.38));
	padding: var(--wh-space-6, 32px);
	text-shadow: 0 1px 2px rgba(0,0,0,0.85);
	overflow: hidden;
	transition: border-color var(--wh-transition, .22s ease), box-shadow var(--wh-transition, .22s ease);
}
.castle-siege-block .castle-owner-panel::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(5,8,11,0.88) 0%, rgba(5,8,11,0.55) 55%, rgba(5,8,11,0.25) 100%);
	pointer-events: none;
}
.castle-siege-block .castle-owner-panel > * { position: relative; z-index: 1; }
.castle-siege-block .castle-owner-panel:hover {
	border-color: var(--wh-gold, #c9a034);
	box-shadow: 0 0 24px var(--wh-gold-glow, rgba(201,160,52,0.3));
}
.castle-siege-block .castle-owner-panel a { color: var(--wh-fg-soft, #aebdc7); }
.castle-siege-block .castle-owner-panel a:hover,
.castle-siege-block .castle-owner-panel a:focus { color: #fff; }

.castle-siege-block .castle-owner-panel .panel-heading {
	background: transparent;
	border: 0;
	padding: 0 0 var(--wh-space-3, 12px);
}
.castle-siege-block .castle-owner-panel .panel-body { padding: 0; }

.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name,
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name a {
	color: #fff;
	display: block;
	padding: var(--wh-space-1, 4px) 0;
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	font-size: 34px;
	letter-spacing: 0.06em;
	line-height: 1.1;
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally-title {
	margin-top: var(--wh-space-5, 24px);
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally {
	padding: var(--wh-space-1, 4px) 0;
}
.castle-siege-block .castle-owner-panel .panel-body h4 {
	color: var(--wh-gold-light, #e0b84a);
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 0 var(--wh-space-2, 8px);
}

.castle-siege-block #siegeTimer {
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	font-size: 54px;
	letter-spacing: 0.04em;
	line-height: 1.05;
	color: var(--wh-primary, #00d4aa);
	font-variant-numeric: tabular-nums;
	text-shadow: 0 0 18px var(--wh-primary-glow, rgba(0,212,170,0.3));
}
.castle-siege-block #siegeTimer span {
	color: var(--wh-fg-muted, #93a6b3);
	font-size: 20px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-shadow: none;
}

/* ===== SIDEBAR WIDGET ===== */
.castle-owner-widget {
	position: relative;
	background: #000 url('../img/castle_owner_bg.jpg') no-repeat top right;
	background-size: cover;
	color: var(--wh-fg-soft, #aebdc7);
	border-radius: var(--wh-radius, 8px);
	border: 1px solid var(--wh-border, #1a2a35);
	box-shadow: var(--wh-shadow-sm, 0 2px 8px rgba(0,0,0,0.35));
	padding: var(--wh-space-5, 24px);
	margin-bottom: var(--wh-space-4, 16px);
	text-shadow: 0 1px 2px rgba(0,0,0,0.85);
	overflow: hidden;
	transition: border-color var(--wh-transition, .22s ease), box-shadow var(--wh-transition, .22s ease);
}
.castle-owner-widget::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(5,8,11,0.9) 0%, rgba(5,8,11,0.6) 100%);
	pointer-events: none;
}
.castle-owner-widget > * { position: relative; z-index: 1; }
.castle-owner-widget:hover {
	border-color: var(--wh-gold, #c9a034);
	box-shadow: 0 0 20px var(--wh-gold-glow, rgba(201,160,52,0.3));
}
.castle-owner-widget .panel-heading {
	text-align: center;
	background: transparent;
	border: 0;
	padding: 0 0 var(--wh-space-3, 12px);
}
.castle-owner-widget .panel-heading .panel-title {
	display: block;
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	font-size: 26px;
	letter-spacing: 0.1em;
	color: var(--wh-gold-light, #e0b84a);
}
.castle-owner-widget .panel-body { padding: 0; text-align: center; }
.castle-owner-widget .panel-body span.alt {
	display: block;
	color: var(--wh-fg-muted, #93a6b3);
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: var(--wh-space-1, 4px);
}
.castle-owner-widget .panel-body a { color: #fff; }

.btn-castlewidget {
	display: inline-block;
	margin-top: var(--wh-space-4, 16px);
	color: #fff;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.55);
	border-radius: var(--wh-radius-sm, 4px);
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	letter-spacing: 0.08em;
	text-shadow: none;
	transition: all .15s ease-in;
}
.btn-castlewidget:active,
.btn-castlewidget:focus,
.btn-castlewidget:hover {
	color: #0a0f14;
	background-color: #fff;
	border-color: #fff;
}