/*
 * Aopda brand layer: header, home page sections and footer.
 * Colours come from theme.json presets so they follow the palette.
 */

:root {
	--aopda-navy: var(--wp--preset--color--accent-2);
	--aopda-sky: var(--wp--preset--color--accent-1);
	--aopda-blue: var(--wp--preset--color--accent-3);
	--aopda-gold: var(--wp--preset--color--gold);
	--aopda-mist: var(--wp--preset--color--accent-5);
}

/* ---------- Header ---------- */

.aopda-header {
	position: relative;
	z-index: 20;
	border-bottom: 4px solid var(--aopda-sky);
	box-shadow: 0 2px 10px rgba(11, 31, 63, .08);
}

.aopda-topbar p {
	margin: 0;
}

.aopda-topbar a {
	color: inherit;
	text-decoration: none;
}

.aopda-topbar a:hover {
	color: var(--aopda-gold);
}

.aopda-topbar__links {
	display: flex;
	gap: 1.5rem;
}

.aopda-brand {
	min-width: 0;
}

.aopda-brand__logo {
	margin: 0;
	flex-shrink: 0;
}

.aopda-brand__logo img {
	display: block;
	height: auto;
	/* Lift the light grey artwork background to white so it sits cleanly on the header. */
	filter: brightness(1.05) contrast(1.03);
	mix-blend-mode: multiply;
}

.aopda-brand__name {
	margin: 0;
	line-height: 1.15;
	border-left: 2px solid var(--wp--preset--color--accent-6);
	padding-left: 14px;
}

.aopda-brand__name a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.aopda-brand__name strong {
	color: var(--aopda-navy);
	font-size: 1.35rem;
	font-weight: 700;
}

.aopda-brand__name span {
	color: var(--aopda-sky);
	font-size: 1rem;
	font-weight: 500;
}

.aopda-primary-nav .wp-block-navigation-item__content {
	color: var(--aopda-navy);
	font-weight: 500;
	padding: 6px 2px;
	border-bottom: 3px solid transparent;
}

.aopda-primary-nav .wp-block-navigation-item__content:hover,
.aopda-primary-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--aopda-sky);
	border-bottom-color: var(--aopda-sky);
	text-decoration: none;
}

.aopda-primary-nav .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-top: 3px solid var(--aopda-sky) !important;
	box-shadow: 0 8px 20px rgba(11, 31, 63, .12);
}

.aopda-header-search .wp-block-search__button {
	background: var(--aopda-sky);
	color: #fff;
	border-radius: 2px;
	margin-left: 0;
	padding: 8px;
}

@media (max-width: 781px) {
	.aopda-topbar__links {
		display: none;
	}

	.aopda-brand__logo img {
		width: 96px !important;
	}

	.aopda-brand__name strong {
		font-size: 1.05rem;
	}

	.aopda-brand__name span {
		font-size: .8rem;
	}
}

@media (max-width: 480px) {
	.aopda-brand__name {
		display: none;
	}
}

/* ---------- Home: banner ---------- */

.aopda-hero {
	line-height: 0;
}

.aopda-hero__banner {
	margin: 0 auto;
}

.aopda-hero__banner img {
	display: block;
	width: 100%;
	height: auto;
}

.aopda-strip p {
	margin: 0;
}

/* ---------- Shared section bits ---------- */

.aopda-eyebrow {
	color: var(--aopda-sky);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin-bottom: .5rem;
}

.aopda-eyebrow--gold {
	color: var(--aopda-gold);
}

.aopda-emblem-card {
	background: #fff;
	border-radius: 4px;
	padding: 1.5rem;
	box-shadow: 0 10px 30px rgba(11, 31, 63, .10);
}

.aopda-emblem-card img {
	filter: brightness(1.05) contrast(1.03);
	mix-blend-mode: multiply;
}

/* ---------- Focus cards ---------- */

.aopda-card {
	border-top: 4px solid var(--aopda-sky);
	box-shadow: 0 2px 8px rgba(11, 31, 63, .06);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.aopda-card:hover {
	transform: translateY(-4px);
	border-top-color: var(--aopda-gold);
	box-shadow: 0 12px 28px rgba(11, 31, 63, .12);
}

.aopda-card h3 {
	margin-top: 0;
}

.aopda-card__more a {
	font-weight: 700;
	text-decoration: none;
	color: var(--aopda-blue);
}

.aopda-card__more a::after {
	content: " \2192";
}

.aopda-card__more a:hover {
	color: var(--aopda-sky);
}

/* ---------- News ---------- */

.aopda-news__item .wp-block-post-featured-image {
	margin: 0;
	background: var(--aopda-mist);
}

.aopda-news__date {
	color: var(--aopda-sky);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .6px;
	font-size: .8rem;
}

.aopda-news__item .wp-block-post-title {
	margin: 0;
}

.aopda-news__item .wp-block-post-title a {
	color: var(--aopda-navy);
	text-decoration: none;
}

.aopda-news__item .wp-block-post-title a:hover {
	color: var(--aopda-sky);
}

/* ---------- Call to action ---------- */

.aopda-cta {
	background-image: radial-gradient(ellipse at 50% 120%, rgba(0, 158, 219, .28), transparent 60%);
}

.aopda-cta .is-style-outline .wp-block-button__link:hover,
.aopda-btn-light .wp-block-button__link:hover {
	background: var(--aopda-gold) !important;
	color: var(--aopda-navy) !important;
}

.aopda-btn-gold .wp-block-button__link:hover {
	background: #fff !important;
}

/* ---------- Footer ---------- */

.aopda-footer {
	border-top: 4px solid var(--aopda-gold);
}

.aopda-footer__emblem {
	margin-top: 0;
}

.aopda-footer__emblem img {
	background: #fff;
	border-radius: 4px;
	padding: 8px;
}

.aopda-footer__title {
	text-transform: uppercase;
	letter-spacing: 1.2px;
	font-weight: 700;
	border-bottom: 2px solid var(--aopda-sky);
	display: inline-block;
	padding-bottom: 6px;
}

.aopda-footer__links {
	list-style: none;
	padding: 0;
}

.aopda-footer a {
	color: #c9d3e3;
	text-decoration: none;
}

.aopda-footer a:hover {
	color: var(--aopda-gold);
}

.aopda-footer__rule {
	border-color: rgba(255, 255, 255, .15) !important;
	color: rgba(255, 255, 255, .15);
}

.aopda-footer__legal p {
	margin: 0;
	color: #9fb0c8;
}

.aopda-footer__legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
}