/* ==========================================================================
   Aurum theme styles (supplements theme.json)
   ========================================================================== */

:root {
	--aurum-gold: var(--wp--preset--color--gold, #E8AD4D);
	--aurum-ivory: var(--wp--preset--color--ivory, #F6F0E5);
	--aurum-charcoal: var(--wp--preset--color--charcoal, #151820);
	--aurum-soft: var(--wp--preset--color--charcoal-soft, #1F2330);
	--aurum-pitch: var(--wp--preset--color--pitch, #527D57);
	--aurum-line: rgba(246, 240, 229, 0.12);
	--aurum-radius: 18px;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }

::selection { background: var(--aurum-gold); color: var(--aurum-charcoal); }

:where(.wp-site-blocks) > * { margin-block-start: 0; }

.aurum-main > .wp-block-post-content > :first-child { margin-top: 0; }
.aurum-page-pad { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }

/* ---------- Header ---------- */
.aurum-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .aurum-site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .aurum-site-header { top: 46px; } }

.aurum-header {
	background: rgba(21, 24, 32, 0.82);
	backdrop-filter: saturate(140%) blur(14px);
	-webkit-backdrop-filter: saturate(140%) blur(14px);
	border-bottom: 1px solid var(--aurum-line);
}

.aurum-brand .wp-block-site-title { margin: 0; line-height: 1; text-transform: uppercase; }

/* Three-bar "beat" logo mark */
.aurum-mark {
	display: inline-flex;
	align-items: flex-end;
	gap: 3px;
	height: 20px;
}
.aurum-mark i {
	display: block;
	width: 4px;
	border-radius: 2px;
	background: var(--aurum-gold);
	animation: aurum-beat 1.1s ease-in-out infinite;
}
.aurum-mark i:nth-child(1) { height: 55%; animation-delay: -0.2s; }
.aurum-mark i:nth-child(2) { height: 100%; animation-delay: -0.5s; }
.aurum-mark i:nth-child(3) { height: 70%; animation-delay: -0.8s; }

@keyframes aurum-beat {
	0%, 100% { transform: scaleY(0.45); }
	50% { transform: scaleY(1); }
}
.aurum-mark i, .aurum-beats span { transform-origin: bottom; }

.aurum-header .wp-block-navigation a { text-decoration: none; opacity: 0.86; transition: opacity .2s, color .2s; }
.aurum-header .wp-block-navigation a:hover,
.aurum-header .wp-block-navigation .current-menu-item > a { opacity: 1; color: var(--aurum-gold); }

.aurum-header .aurum-nav-cta > a {
	border: 1px solid var(--aurum-gold);
	border-radius: 999px;
	padding: 0.55rem 1rem;
	color: var(--aurum-gold);
	opacity: 1;
}
.aurum-header .aurum-nav-cta > a:hover { background: var(--aurum-gold); color: var(--aurum-charcoal) !important; }

@media (max-width: 1100px) and (min-width: 600px) {
	.aurum-header .wp-block-navigation { --navigation-layout-gap: 1rem; gap: 1rem !important; font-size: 0.68rem !important; }
}

/* Mobile overlay menu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 4rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-size: 1.15rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.4rem !important; }

/* ---------- Shared bits ---------- */
.aurum-eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--aurum-gold);
	display: flex;
	align-items: center;
	gap: 0.85rem;
}
.aurum-eyebrow::before {
	content: "";
	width: 2.25rem;
	height: 2px;
	background: currentColor;
	flex: none;
}
.has-text-align-center.aurum-eyebrow { justify-content: center; }

.aurum-lead { font-size: var(--wp--preset--font-size--large) !important; line-height: 1.55; }

.aurum-gold-text { color: var(--aurum-gold); }

.aurum-statement {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.02em;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--aurum-ivory);
	border: 1.5px solid rgba(246, 240, 229, 0.5);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--aurum-gold);
	color: var(--aurum-gold);
}

.wp-element-button { transition: background-color .2s, color .2s, transform .2s; }
.wp-element-button:hover { transform: translateY(-2px); }

/* Equaliser bars */
.aurum-beats {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	height: 46px;
}
.aurum-beats span {
	width: 6px;
	height: 100%;
	border-radius: 3px;
	background: var(--aurum-gold);
	animation: aurum-beat 1.2s ease-in-out infinite;
}
.aurum-beats span:nth-child(odd) { background: var(--aurum-ivory); opacity: .85; }
.aurum-beats span:nth-child(1) { animation-delay: -0.1s; }
.aurum-beats span:nth-child(2) { animation-delay: -0.6s; }
.aurum-beats span:nth-child(3) { animation-delay: -0.3s; }
.aurum-beats span:nth-child(4) { animation-delay: -0.9s; }
.aurum-beats span:nth-child(5) { animation-delay: -0.4s; }
.aurum-beats span:nth-child(6) { animation-delay: -0.75s; }
.aurum-beats span:nth-child(7) { animation-delay: -0.15s; }
.aurum-beats span:nth-child(8) { animation-delay: -0.55s; }
.aurum-beats span:nth-child(9) { animation-delay: -1s; }

@media (prefers-reduced-motion: reduce) {
	.aurum-mark i, .aurum-beats span { animation: none; transform: scaleY(0.75); }
}

/* Reveal on scroll */
.aurum-js .aurum-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.aurum-js .aurum-reveal.is-visible { opacity: 1; transform: none; }

/* ---------- Hero ---------- */
.aurum-hero { overflow: hidden; }
.aurum-hero .wp-block-cover__background {
	background:
		linear-gradient(to top, var(--aurum-charcoal) 0%, rgba(21,24,32,0) 30%),
		linear-gradient(90deg, rgba(21,24,32,.94) 0%, rgba(21,24,32,.72) 42%, rgba(21,24,32,.12) 75%, rgba(21,24,32,.35) 100%) !important;
	opacity: 1 !important;
}
.wp-block-cover.aurum-hero .wp-block-cover__inner-container { z-index: 2; width: 100% !important; max-width: none; }
.aurum-hero-home h1 {
	font-size: var(--wp--preset--font-size--huge);
	letter-spacing: -0.035em;
	line-height: 0.95;
}
.aurum-hero-home h1 em { font-style: normal; color: var(--aurum-gold); }
.aurum-hero-sub {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 500;
	letter-spacing: 0.02em;
}

@media (max-width: 781px) {
	.aurum-hero .wp-block-cover__background {
		background: linear-gradient(0deg, rgba(21,24,32,.96) 0%, rgba(21,24,32,.75) 45%, rgba(21,24,32,.2) 100%) !important;
	}
	.aurum-hero { align-items: flex-end !important; }
}

/* Page heroes (inner pages) */
.aurum-page-hero {
	position: relative;
	border-bottom: 1px solid var(--aurum-line);
}
.aurum-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(60% 80% at 85% 0%, rgba(232,173,77,.16), transparent 70%),
		radial-gradient(40% 60% at 0% 100%, rgba(82,125,87,.14), transparent 70%);
	pointer-events: none;
}
.aurum-page-hero > * { position: relative; }
.aurum-page-hero h1 { max-width: 16ch; }

/* ---------- Images ---------- */
.aurum-photo img,
.aurum-photo .components-resizable-box__container img {
	border-radius: var(--aurum-radius);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aurum-photo { margin: 0; }
.aurum-photo-tall img { aspect-ratio: 4 / 5; }
.aurum-photo-wide img { aspect-ratio: 16 / 10; }
.aurum-photo-frame { position: relative; }
.aurum-photo-frame::after {
	content: "";
	position: absolute;
	inset: 18px 18px -18px -18px;
	border: 2px solid var(--aurum-gold);
	border-radius: var(--aurum-radius);
	z-index: -1;
}
@media (max-width: 781px) { .aurum-photo-frame::after { inset: 10px 10px -10px -10px; } }

@media (min-width: 782px) {
	.aurum-sticky { position: sticky; top: 110px; align-self: flex-start; }
}

/* ---------- Two passions band ---------- */
.aurum-band {
	position: relative;
	overflow: hidden;
}
.aurum-band::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(90deg, rgba(21,24,32,.07) 0 2px, transparent 2px 28px);
	pointer-events: none;
}
.aurum-band > * { position: relative; }

.aurum-chips { gap: .6rem !important; }
.aurum-chip {
	display: inline-block;
	padding: .55rem 1.1rem;
	border-radius: 999px;
	border: 1.5px solid currentColor;
	font-family: var(--wp--preset--font-family--display);
	font-size: .75rem !important;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	margin: 0 !important;
}

/* ---------- Cards ---------- */
.aurum-card {
	border-radius: var(--aurum-radius);
	border: 1px solid var(--aurum-line);
	background: var(--aurum-soft);
	overflow: hidden;
	height: 100%;
	transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s;
}
.aurum-card:hover { transform: translateY(-6px); border-color: rgba(232,173,77,.5); }
.aurum-card .wp-block-image { margin: 0; overflow: hidden; }
.aurum-card .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 18%; width: 100%; transition: transform .6s ease; }
.aurum-card:hover .wp-block-image img { transform: scale(1.04); }
.aurum-card-body { padding: 1.5rem 1.6rem 1.8rem; }
.aurum-card-body h3 { margin-top: 0; }
.aurum-card-body a { text-decoration: none; font-weight: 600; }
.aurum-card-body a:hover { text-decoration: underline; }
.wp-block-columns.aurum-card-row > .wp-block-column { display: flex; flex-direction: column; }

.aurum-num {
	font-family: var(--wp--preset--font-family--display);
	font-size: .75rem !important;
	letter-spacing: .2em;
	color: var(--aurum-gold);
	margin-bottom: .5rem !important;
}

/* ---------- Football pitch panel (no photos yet) ---------- */
.aurum-pitch {
	position: relative;
	min-height: 320px;
	border-radius: var(--aurum-radius);
	overflow: hidden;
	background:
		repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 60px, transparent 60px 120px),
		var(--aurum-pitch);
	display: flex;
	align-items: center;
	justify-content: center;
}
.aurum-pitch::before { /* halfway line + centre circle */
	content: "";
	position: absolute;
	inset: 18px;
	border: 2px solid rgba(246,240,229,.55);
	border-radius: 6px;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(246,240,229,.55) calc(50% - 1px), rgba(246,240,229,.55) calc(50% + 1px), transparent calc(50% + 1px));
}
.aurum-pitch::after {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	border: 2px solid rgba(246,240,229,.55);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.aurum-pitch > * { position: relative; z-index: 1; }
.aurum-ball {
	font-size: 3.25rem !important;
	line-height: 1;
	margin: 0 !important;
	animation: aurum-bounce 2.4s cubic-bezier(.5,0,.5,1) infinite;
	filter: drop-shadow(0 10px 12px rgba(0,0,0,.3));
}
@keyframes aurum-bounce {
	0%, 100% { transform: translateY(0) rotate(0); }
	50% { transform: translateY(-18px) rotate(160deg); }
}
@media (prefers-reduced-motion: reduce) { .aurum-ball { animation: none; } }
.aurum-card .aurum-pitch { border-radius: 0; min-height: 0; aspect-ratio: 4 / 3; }

/* ---------- Gallery ---------- */
.aurum-filter { gap: .5rem !important; }
.aurum-filter a {
	display: inline-block;
	padding: .55rem 1.1rem;
	border-radius: 999px;
	border: 1px solid var(--aurum-line);
	color: var(--aurum-ivory);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--display);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: all .2s;
}
.aurum-filter a:hover { border-color: var(--aurum-gold); color: var(--aurum-gold); }
.aurum-filter p { margin: 0 !important; }

.aurum-gallery-section { scroll-margin-top: 90px; }
.wp-block-gallery.aurum-gallery { gap: 12px !important; }
.wp-block-gallery.aurum-gallery .wp-block-image { border-radius: 14px; overflow: hidden; }
.wp-block-gallery.aurum-gallery .wp-block-image img { transition: transform .6s ease, filter .3s; }
.wp-block-gallery.aurum-gallery .wp-block-image:hover img { transform: scale(1.05); }

/* Lightbox colours */
.wp-lightbox-overlay .scrim { background-color: var(--aurum-charcoal) !important; }
.wp-lightbox-overlay .close-button, .wp-lightbox-overlay .wp-lightbox-close-button { fill: var(--aurum-ivory) !important; color: var(--aurum-ivory) !important; }

/* ---------- Letter (A Note from Aurum) ---------- */
.aurum-letter {
	position: relative;
	border-radius: 6px 6px var(--aurum-radius) var(--aurum-radius);
	box-shadow: 0 30px 60px -30px rgba(0,0,0,.6);
	background-image:
		repeating-linear-gradient(0deg, transparent 0 33px, rgba(21,24,32,.05) 33px 34px);
}
.aurum-letter::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 6px;
	background: var(--aurum-gold);
	border-radius: 6px 6px 0 0;
}
.aurum-letter p { font-size: 1.125rem; }
.aurum-signoff {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large) !important;
}
.aurum-signature {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	letter-spacing: .14em;
	color: var(--wp--preset--color--gold-deep);
}

/* ---------- Follow ---------- */
.aurum-enquiry {
	border: 1px solid rgba(232,173,77,.4);
	border-radius: var(--aurum-radius);
	background: linear-gradient(135deg, rgba(232,173,77,.1), rgba(82,125,87,.08));
}

/* ---------- Footer ---------- */
.aurum-footer { border-top: 1px solid var(--aurum-line); }
.aurum-footer-brand {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	letter-spacing: .18em;
	font-size: 1.15rem;
	margin-bottom: .25rem;
}
.aurum-footer-brand span { color: var(--aurum-gold); font-weight: 400; }
.aurum-footer-tagline { font-weight: 600; margin-top: .25rem; }
.aurum-footer-nav a { text-decoration: none; color: var(--aurum-ivory); opacity: .8; font-size: .8rem; }
.aurum-footer-nav a:hover { opacity: 1; color: var(--aurum-gold); }
.aurum-footer-rule { border: 0; border-top: 1px solid var(--aurum-line) !important; margin-block: var(--wp--preset--spacing--50) 1.25rem !important; max-width: var(--wp--style--global--wide-size) !important; width: 100% !important; opacity: 1; }
.aurum-copy { font-size: .875rem; color: var(--wp--preset--color--muted); margin: 0; }
.aurum-footer .wp-block-group > p { margin: 0; }

/* ---------- Light sections text tweaks ---------- */
.has-ivory-background-color .aurum-eyebrow { color: var(--wp--preset--color--gold-deep); }
.has-ivory-background-color a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--gold-deep); }
.has-gold-background-color .aurum-eyebrow { color: var(--aurum-charcoal); }
.has-gold-background-color .wp-element-button,
.has-pitch-background-color .wp-element-button { background: var(--aurum-charcoal); color: var(--aurum-ivory); }
.has-gold-background-color .wp-element-button:hover,
.has-pitch-background-color .wp-element-button:hover { background: var(--aurum-ivory); color: var(--aurum-charcoal); }

/* ---------- Small screens ---------- */
@media (max-width: 600px) {
	.aurum-hide-mobile { display: none !important; }
	.aurum-card-body { padding: 1.25rem 1.25rem 1.5rem; }
}