/* =========================================================
   Goodwood United FC — main.css
   Color system: pitch green + gold accent (editable in
   Appearance > Customize > Club Colors)
   ========================================================= */

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
	margin:0;
	font-family:var(--gu-font-body);
	color:var(--gu-dark);
	background:var(--gu-white);
	line-height:1.65;
	font-size:16px;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gu-primary);text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--gu-gold);}
h1,h2,h3,h4,h5,h6{
	font-family:var(--gu-font-heading);
	text-transform:uppercase;
	letter-spacing:.03em;
	line-height:1.2;
	margin:0 0 .5em;
	color:var(--gu-dark);
}
p{margin:0 0 1.2em;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;}
.btn{
	display:inline-block;
	padding:14px 30px;
	background:var(--gu-primary);
	color:var(--gu-white);
	font-family:var(--gu-font-heading);
	text-transform:uppercase;
	letter-spacing:.05em;
	font-size:14px;
	border-radius:var(--gu-radius);
	border:2px solid var(--gu-primary);
	cursor:pointer;
	transition:all .25s ease;
}
.btn:hover{background:var(--gu-gold);border-color:var(--gu-gold);color:var(--gu-dark);}
.btn-outline{background:transparent;color:var(--gu-white);border-color:var(--gu-white);}
.btn-outline:hover{background:var(--gu-gold);border-color:var(--gu-gold);color:var(--gu-dark);}
.btn-gold{background:var(--gu-gold);border-color:var(--gu-gold);color:var(--gu-dark);}
.btn-gold:hover{background:var(--gu-primary);border-color:var(--gu-primary);color:var(--gu-white);}
.eyebrow{
	color:var(--gu-gold);
	font-family:var(--gu-font-heading);
	text-transform:uppercase;
	letter-spacing:.15em;
	font-size:13px;
	font-weight:600;
	display:block;
	margin-bottom:10px;
}
.section{padding:80px 0;}
.section-alt{background:var(--gu-light);}
.section-dark{background:var(--gu-dark);color:#e7e9e7;}
.section-dark h1,.section-dark h2,.section-dark h3{color:#fff;}
.section-title{max-width:640px;margin:0 0 40px;}
.section-title.center{margin:0 auto 50px;text-align:center;}
.skip-link{position:absolute;left:-9999px;top:auto;}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:9999;}

/* =========== Top bar =========== */
.gu-topbar{
	background:var(--gu-dark);
	color:#cfd6d1;
	font-size:13px;
}
.gu-topbar .container{
	display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
	padding-top:8px;padding-bottom:8px;gap:8px;
}
.gu-topbar a{color:#cfd6d1;}
.gu-topbar a:hover{color:var(--gu-gold);}
.gu-topbar-contact{display:flex;gap:20px;flex-wrap:wrap;}
.gu-topbar-social{display:flex;gap:14px;}

/* =========== Header / Nav =========== */
.gu-header{
	background:var(--gu-white);
	position:sticky;top:0;z-index:500;
	box-shadow:0 2px 14px rgba(0,0,0,.06);
}
.gu-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;}
.gu-logo{display:flex;align-items:center;gap:12px;font-family:var(--gu-font-heading);}
.gu-logo img{max-height:58px;width:auto;}
.gu-logo-text{display:flex;flex-direction:column;line-height:1.1;}
.gu-logo-text strong{font-size:20px;text-transform:uppercase;letter-spacing:.03em;color:var(--gu-dark);}
.gu-logo-text span{font-size:11px;letter-spacing:.2em;color:var(--gu-primary);text-transform:uppercase;}

.gu-nav{display:flex;align-items:center;gap:34px;}
.gu-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;}
.gu-nav li{position:relative;}
.gu-nav a{
	color:var(--gu-dark);
	font-family:var(--gu-font-heading);
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.03em;
	padding:8px 0;
	display:inline-block;
}
.gu-nav > ul > li > a::after{
	content:'';display:block;width:0;height:2px;background:var(--gu-gold);
	transition:width .25s ease;
}
.gu-nav > ul > li:hover > a::after,.gu-nav > ul > li.current-menu-item > a::after{width:100%;}
.gu-nav .sub-menu{
	list-style:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;
	box-shadow:0 12px 24px rgba(0,0,0,.12);padding:10px 0;margin:0;border-radius:6px;
	opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s ease;
}
.gu-nav li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.gu-nav .sub-menu a{display:block;padding:9px 20px;font-size:13px;color:var(--gu-dark);}
.gu-nav .sub-menu a:hover{background:var(--gu-light);color:var(--gu-primary);}
.gu-header-cta{display:flex;align-items:center;gap:18px;}
.gu-menu-toggle{
	display:none;background:none;border:none;cursor:pointer;padding:6px;
}
.gu-menu-toggle span{display:block;width:26px;height:2px;background:var(--gu-dark);margin:5px 0;}

@media (max-width:960px){
	.gu-nav{
		display:none;position:absolute;top:100%;left:0;right:0;background:#fff;
		flex-direction:column;align-items:flex-start;padding:20px 24px;box-shadow:0 12px 24px rgba(0,0,0,.12);
	}
	.gu-nav.is-open{display:flex;}
	.gu-nav ul{flex-direction:column;width:100%;gap:0;}
	.gu-nav li{width:100%;}
	.gu-nav .sub-menu{position:static;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;padding-left:14px;}
	.gu-nav li.is-open .sub-menu{display:block;}
	.gu-menu-toggle{display:block;}
	.gu-topbar-contact{display:none;}
}

/* =========== Hero =========== */
.gu-hero{
	position:relative;color:#fff;overflow:hidden;
	background:linear-gradient(120deg,rgba(12,74,88,.92),rgba(20,108,128,.82)),var(--gu-hero-img,linear-gradient(120deg,#146c80,#0c4a58));
	background-size:cover;background-position:center;
}
.gu-hero .container{padding-top:110px;padding-bottom:110px;position:relative;z-index:2;}
.gu-hero-inner{max-width:720px;}
.gu-hero h1{font-size:clamp(34px,5vw,64px);color:#fff;margin-bottom:.3em;}
.gu-hero p{font-size:18px;color:#e9f2ee;max-width:560px;}
.gu-hero-actions{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;}
.gu-hero-stripe{
	position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(242,183,5,.05) 0 40px,transparent 40px 80px);
	z-index:1;
}

/* =========== Stat strip =========== */
.gu-stats{background:var(--gu-gold);}
.gu-stats .container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:34px 24px;gap:20px;}
.gu-stat{text-align:center;flex:1;min-width:130px;}
.gu-stat strong{display:block;font-family:var(--gu-font-heading);font-size:34px;color:var(--gu-dark);}
.gu-stat span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#3a3520;}

/* =========== Cards / grid =========== */
.gu-grid{display:grid;gap:30px;}
.gu-grid-2{grid-template-columns:repeat(2,1fr);}
.gu-grid-3{grid-template-columns:repeat(3,1fr);}
.gu-grid-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:960px){.gu-grid-3,.gu-grid-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.gu-grid-2,.gu-grid-3,.gu-grid-4{grid-template-columns:1fr;}}

.gu-card{
	background:#fff;border-radius:var(--gu-radius);overflow:hidden;
	box-shadow:0 6px 24px rgba(16,22,19,.08);transition:transform .25s ease,box-shadow .25s ease;
}
.gu-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(16,22,19,.14);}
.gu-card-media{aspect-ratio:4/3;overflow:hidden;background:var(--gu-light);}
.gu-card-media img{width:100%;height:100%;object-fit:cover;}
.gu-card-body{padding:22px;}
.gu-card-body .eyebrow{margin-bottom:6px;}
.gu-card-body h3{font-size:18px;margin-bottom:8px;}
.gu-card-body h3 a{color:var(--gu-dark);}
.gu-card-meta{font-size:12px;color:var(--gu-gray);text-transform:uppercase;letter-spacing:.05em;}

/* Exco / team members */
.gu-member{text-align:center;}
.gu-member-photo{
	width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin:0 auto 18px;
	border:4px solid var(--gu-gold);background:var(--gu-light);
}
.gu-member-photo img{width:100%;height:100%;object-fit:cover;}
.gu-member h3{font-size:17px;margin-bottom:2px;}
.gu-member span{color:var(--gu-primary);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;}

/* =========== CTA banner =========== */
.gu-cta{
	background:var(--gu-dark);color:#fff;border-radius:var(--gu-radius);
	padding:56px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;
	background-image:linear-gradient(120deg,var(--gu-dark),var(--gu-primary-dark));
}
.gu-cta h2{color:#fff;margin-bottom:.2em;}
.gu-cta p{color:#cfd6d1;margin-bottom:0;max-width:520px;}

/* =========== Fixtures / results table =========== */
.gu-table-wrap{overflow-x:auto;border-radius:var(--gu-radius);box-shadow:0 6px 24px rgba(16,22,19,.08);}
table.gu-table{width:100%;border-collapse:collapse;background:#fff;min-width:520px;}
table.gu-table th,table.gu-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #eceeec;font-size:14px;}
table.gu-table th{
	background:var(--gu-primary);color:#fff;font-family:var(--gu-font-heading);
	text-transform:uppercase;letter-spacing:.04em;font-size:12px;
}
table.gu-table tr:last-child td{border-bottom:none;}
table.gu-table tr:hover td{background:var(--gu-light);}

.gu-fixture-row{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff;border-radius:var(--gu-radius);box-shadow:0 4px 16px rgba(16,22,19,.06);margin-bottom:14px;flex-wrap:wrap;gap:12px;}
.gu-fixture-teams{font-family:var(--gu-font-heading);font-size:16px;text-transform:uppercase;}
.gu-fixture-score{background:var(--gu-gold);color:var(--gu-dark);font-family:var(--gu-font-heading);padding:6px 16px;border-radius:20px;font-weight:700;}
.gu-fixture-meta{font-size:13px;color:var(--gu-gray);}

/* =========== Sponsors / partners =========== */
.gu-partners{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center;opacity:.75;}
.gu-partners img{max-height:56px;width:auto;filter:grayscale(1);}

/* =========== Forms =========== */
.gu-form label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:var(--gu-dark);font-weight:600;}
.gu-form input,.gu-form select,.gu-form textarea{
	width:100%;padding:13px 16px;border:1px solid #dfe3e0;border-radius:8px;font-family:var(--gu-font-body);
	font-size:15px;margin-bottom:18px;background:#fff;
}
.gu-form input:focus,.gu-form select:focus,.gu-form textarea:focus{outline:none;border-color:var(--gu-primary);}
.gu-form .gu-checkbox{display:flex;align-items:flex-start;gap:10px;}
.gu-form .gu-checkbox input{width:auto;margin:4px 0 0;}
.gu-form-notice{padding:14px 18px;border-radius:8px;margin-bottom:20px;font-size:14px;}
.gu-form-notice.success{background:#e5f5ee;color:var(--gu-primary-dark);}
.gu-form-notice.error{background:#fbe9e9;color:#a93226;}

/* =========== Info box (requirements lists) =========== */
.gu-info-box{background:#fff;border-radius:var(--gu-radius);padding:30px;box-shadow:0 6px 24px rgba(16,22,19,.08);height:100%;}
.gu-info-box h3{color:var(--gu-primary);font-size:19px;}
.gu-info-box ul{margin:0;padding-left:20px;}
.gu-info-box li{margin-bottom:8px;}

/* =========== Page header (interior pages) =========== */
.gu-page-header{
	background:linear-gradient(120deg,var(--gu-primary-dark),var(--gu-primary));color:#fff;padding:70px 0;text-align:center;
}
.gu-page-header h1{color:#fff;margin-bottom:.2em;}
.gu-breadcrumb{font-size:13px;color:#d9ede4;}
.gu-breadcrumb a{color:#d9ede4;}
.gu-breadcrumb a:hover{color:var(--gu-gold);}

/* =========== Blog / content =========== */
.gu-content-wrap{display:grid;grid-template-columns:2.2fr 1fr;gap:50px;}
@media (max-width:900px){.gu-content-wrap{grid-template-columns:1fr;}}
.gu-post-thumb{border-radius:var(--gu-radius);overflow:hidden;margin-bottom:24px;}
.gu-entry h1,.gu-entry h2{margin-top:1em;}
.gu-entry blockquote{border-left:4px solid var(--gu-gold);margin:0 0 1.2em;padding:6px 0 6px 20px;font-style:italic;color:var(--gu-gray);}
.widget{background:#fff;border-radius:var(--gu-radius);padding:24px;box-shadow:0 6px 24px rgba(16,22,19,.06);margin-bottom:26px;}
.widget h2,.widget-title{font-size:15px;border-bottom:2px solid var(--gu-gold);padding-bottom:10px;margin-bottom:16px;}
.widget ul{list-style:none;margin:0;padding:0;}
.widget li{padding:8px 0;border-bottom:1px solid #eee;font-size:14px;}
.gu-pagination{display:flex;gap:10px;margin-top:30px;}
.gu-pagination a,.gu-pagination span{padding:8px 14px;border-radius:6px;background:var(--gu-light);font-size:14px;}
.gu-pagination .current{background:var(--gu-primary);color:#fff;}

/* =========== Footer =========== */
.gu-footer{background:var(--gu-dark);color:#c7cec9;padding-top:70px;}
.gu-footer h4{color:#fff;font-size:15px;margin-bottom:20px;}
.gu-footer a{color:#c7cec9;}
.gu-footer a:hover{color:var(--gu-gold);}
.gu-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1);}
@media (max-width:900px){.gu-footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.gu-footer-grid{grid-template-columns:1fr;}}
.gu-footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.gu-footer-logo img{max-height:48px;}
.gu-footer-logo strong{color:#fff;font-family:var(--gu-font-heading);text-transform:uppercase;font-size:17px;}
.gu-footer ul{list-style:none;margin:0;padding:0;}
.gu-footer li{margin-bottom:10px;font-size:14px;}
.gu-footer-social{display:flex;gap:12px;margin-top:16px;}
.gu-footer-social a{
	width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
	display:flex;align-items:center;justify-content:center;font-size:14px;
}
.gu-footer-social a:hover{background:var(--gu-gold);border-color:var(--gu-gold);color:var(--gu-dark);}
.gu-footer-bottom{display:flex;justify-content:space-between;padding:24px 0;flex-wrap:wrap;gap:10px;font-size:13px;}
.gu-footer-bottom a{margin-left:16px;}

/* Utility */
.text-center{text-align:center;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.gu-badge{display:inline-block;background:var(--gu-gold);color:var(--gu-dark);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:14px;font-weight:700;}