/*
 * Additions for the defence refresh. style.css is kept identical to the live
 * site; everything new lives here so the changes are easy to review.
 * Palette: #202020 page, #2C2C2C panel, #F29100 orange.
 */

/* New logo is wider (about 4.8:1) than the old MCS mark, so give it more room. */
header .site-logo { width: 230px; }
footer .site-logo { width: 220px; }
@media (min-width: 1200px) {
	header .site-logo { width: 270px; }
}
@media (min-width: 1400px) {
	header .site-logo { width: 300px; }
}
.site-logo img { width: 100%; height: auto; }

/* Page header subheading */
.page-header .subtitle {
	margin: 1rem auto 0;
	max-width: 56rem;
	text-wrap: balance;
	font-size: 1.3rem;
	line-height: 1.35;
}
@media (min-width: 1200px) {
	.page-header .subtitle { font-size: 1.6rem; }
}

/* Small orange label above headings */
.eyebrow {
	color: #F29100;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	margin-bottom: .75rem;
}
.tags {
	font-size: .95rem;
	opacity: .75;
}

/* Key figures */
.stats .stat-figure {
	color: #F29100;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .5rem;
}
.stats .stat-label {
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: .75rem;
}
.stats .stat-detail {
	font-size: 1rem;
	opacity: .75;
	margin-bottom: 0;
}
@media (min-width: 1400px) {
	.stats .stat-figure { font-size: 3.6rem; }
}

/* Contact section without the form: UK and Germany side by side, on a par */
.contact-sites .site .eyebrow { margin-bottom: 1rem; }
.contact-sites .site .address {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
}
.contact-sites .site .address svg { flex: 0 0 auto; margin-top: .2rem; }
.contact-sites .site .address span { line-height: 1.4; }

/* Quality page: the accreditation logos are white-backed files, so present
   them as deliberate, evenly sized badges rather than raw white boxes. */
.page-id-87 .two-column .col-lg-3 img,
.page-id-87 .wide-img-txt .col-lg-6:not(.img) img {
	background: #fff;
	border-radius: 12px;
	padding: .75rem;
	width: 140px;
	height: 140px;
	object-fit: contain;
}
.page-id-87 .two-column .col-lg-3 p { text-align: center; margin: 0; }

/* Feature grid */
.features-intro { max-width: 46rem; }
.features .feature {
	background: #2C2C2C;
	height: 100%;
	padding: 2rem;
}
.features[style*="background:#2C2C2C"] .feature,
.features[style*="background:#2c2c2c"] .feature {
	background: #202020;
}
.features .feature h3 {
	font-size: 1.35rem;
	margin-bottom: 1rem;
}
.features .feature-number {
	display: block;
	color: #F29100;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: .75rem;
}
.features .feature p,
.features .feature li {
	font-size: 1rem;
}
.features .feature p:last-child { margin-bottom: 0; }
.features .feature ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.features .feature ul li {
	margin-bottom: .6rem;
	padding-left: 1.1rem;
	position: relative;
}
.features .feature ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: #F29100;
}