/* Patches & updates page (.gcc-updates on f_com_news_updates.cfm) */

/*
 * Bootstrap sets `pre` to light gray (#f5f5f5) + dark text (#333).
 * We style stat blocks with light text — without a dark background that reads as white-on-white.
 * These rules must win after Bootstrap (and use !important where load order could vary).
 */

.gcc-updates {
	--gcc-up-accent: #d4a82a;
	--gcc-up-accent-dim: rgba(212, 168, 42, 0.35);
	--gcc-up-text: rgba(255, 255, 255, 0.88);
	--gcc-up-muted: rgba(255, 255, 255, 0.58);
	--gcc-up-line: rgba(255, 255, 255, 0.1);
	--gcc-up-pre-bg: rgba(10, 12, 20, 0.97);
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0.75rem 0.5rem 2.25rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.12rem;
}

.gcc-updates h1,
.gcc-updates h2 {
	font-family: Arial, Helvetica, sans-serif;
}

.gcc-updates__masthead {
	padding-bottom: 1.5rem;
	margin-bottom: 1.75rem;
	border-bottom: 1px solid var(--gcc-up-line);
	text-align: center;
}

.gcc-updates__title {
	margin: 0 0 0.55rem;
	font-size: 2.15rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--gcc-up-accent);
	line-height: 1.2;
}

.gcc-updates__lede {
	margin: 0 auto;
	font-size: 1.2rem;
	color: var(--gcc-up-muted);
	line-height: 1.55;
	max-width: 48rem;
}

.gcc-updates__list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.gcc-updates__entry {
	padding: 1.5rem 1.35rem 1.65rem;
	margin: 0;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	animation: gcc-updates-in 0.42s ease-out backwards;
}

.gcc-updates__entry:nth-of-type(1) { animation-delay: 0.03s; }
.gcc-updates__entry:nth-of-type(2) { animation-delay: 0.07s; }
.gcc-updates__entry:nth-of-type(3) { animation-delay: 0.11s; }
.gcc-updates__entry:nth-of-type(4) { animation-delay: 0.15s; }
.gcc-updates__entry:nth-of-type(5) { animation-delay: 0.19s; }
.gcc-updates__entry:nth-of-type(6) { animation-delay: 0.23s; }
.gcc-updates__entry:nth-of-type(7) { animation-delay: 0.27s; }

@keyframes gcc-updates-in {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.gcc-updates__date {
	display: block;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--gcc-up-accent);
	margin-bottom: 0.65rem;
	text-align: center;
}

.gcc-updates__headline {
	margin: 0 0 1.1rem;
	font-size: 1.5rem;
	font-weight: 600;
	color: #f5f5f5;
	line-height: 1.35;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	text-align: center;
}

.gcc-updates__body {
	color: var(--gcc-up-text);
	font-size: 1.12rem;
	line-height: 1.65;
	text-align: left;
}

.gcc-updates__body p {
	margin: 0 0 0.8rem;
}

.gcc-updates__body p:last-child {
	margin-bottom: 0;
}

.gcc-updates__body ul {
	margin: 0.45rem 0 0.9rem;
	padding-left: 1.25rem;
}

.gcc-updates__body li {
	margin-bottom: 0.45rem;
}

.gcc-updates__subhead {
	margin: 1.35rem 0 0.6rem;
	font-size: 1.15rem;
	font-weight: 700;
	color: #d4b84a;
	letter-spacing: 0.02em;
}

.gcc-updates__subhead:first-child {
	margin-top: 0;
}

.gcc-updates__ship {
	margin: 0.75rem 0 0.95rem;
	padding-left: 0.5rem;
	border-left: 2px solid rgba(212, 168, 42, 0.25);
}

.gcc-updates__ship-name {
	display: block;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.4rem;
	font-size: 1.18rem;
}

/* All <pre> in changelog: override Bootstrap block pre */
.gcc-updates pre {
	display: block !important;
	margin: 0.45rem 0 0.95rem !important;
	padding: 0.85rem 1rem !important;
	font-family: Consolas, "Courier New", ui-monospace, monospace !important;
	font-size: 1.05rem !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.92) !important;
	background-color: var(--gcc-up-pre-bg) !important;
	background-image: none !important;
	border: 1px solid rgba(212, 168, 42, 0.4) !important;
	border-radius: 5px !important;
	word-break: normal !important;
	word-wrap: break-word !important;
	white-space: pre-wrap !important;
	overflow-x: auto;
	box-sizing: border-box;
}

.gcc-updates pre.gcc-updates__stats {
	border-left: 4px solid rgba(212, 168, 42, 0.55) !important;
}

.gcc-updates pre.gcc-updates__formula {
	font-size: 0.98rem !important;
	line-height: 1.55 !important;
	margin-top: 0.55rem !important;
	margin-bottom: 0.95rem !important;
}

.gcc-updates__note {
	margin-top: 1.1rem;
	padding: 0.9rem 1.05rem;
	background: rgba(212, 168, 42, 0.08);
	border: 1px solid rgba(212, 168, 42, 0.22);
	border-radius: 5px;
	border-left: 4px solid rgba(212, 168, 42, 0.5);
	font-size: 1.1rem;
	color: rgba(255, 224, 180, 0.95);
	line-height: 1.55;
}

.gcc-updates__nerf {
	color: #f09090;
	font-weight: 700;
}