/* Shared styles for the EEAT pages + top navigation.
   Palette pulled from the main site: blue #2098d1, red #de6262, black background. */

@font-face {
	font-family: 'HelveNueThinNormal';
	src: url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.woff') format('woff'),
		url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root { --blue:#2098d1; --red:#de6262; }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #d8d8d8;
	font-family: 'HelveNueThinNormal', 'freight-sans-pro', Montserrat, Arial, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--blue); }

/* ---- Top navigation (shared with index.html) ---- */
.eeat-nav {
	position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000;
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 6px 18px; padding: 14px 26px;
	background: rgba(0,0,0,0.86);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	box-shadow: 0 1px 14px rgba(0,0,0,0.65);
	font-family: 'HelveNueThinNormal','freight-sans-pro',Montserrat,Arial,sans-serif;
}
.eeat-nav__brand {
	display: flex; align-items: center; gap: 10px; color: #fff;
	text-decoration: none; font-size: 19px; letter-spacing: 1px;
	text-transform: uppercase; font-weight: 600; white-space: nowrap;
}
.eeat-nav__brand .eeat-nav__accent { color: var(--blue); }
.eeat-nav__links { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 4px; margin: 0; padding: 0; list-style: none; }
.eeat-nav__links a {
	display: inline-block; color: #e8e8e8; text-decoration: none;
	font-size: 13px; letter-spacing: .6px; text-transform: uppercase;
	padding: 8px 13px; border-radius: 4px;
	transition: color .2s ease, background .2s ease; white-space: nowrap;
}
.eeat-nav__links a:hover { color: #fff; background: var(--blue); }
.eeat-nav__links a.is-active { color: var(--blue); }
.eeat-nav__links a.eeat-nav__cta { background: var(--red); color: #fff; }
.eeat-nav__links a.eeat-nav__cta:hover { background: #c94f4f; color: #fff; }
@media (max-width: 680px) {
	.eeat-nav { justify-content: center; padding: 10px 12px; }
	.eeat-nav__brand { font-size: 16px; }
	.eeat-nav__links a { padding: 6px 9px; font-size: 12px; }
}

/* ---- Hero ---- */
.eeat-hero {
	position: relative; min-height: 62vh;
	display: flex; align-items: center; justify-content: center;
	text-align: center; padding: 140px 22px 70px;
	background: linear-gradient(rgba(0,0,0,0.60), rgba(0,0,0,0.74)),
		url('https://lh3.googleusercontent.com/qW7_4kSA_Yu0GeREAxxbMDCsCv16gV1rpoaNJfkKFyQuXfr5ENXZMLLDwGg-MAJ7Xzw6e1A4fNR-cOaxiCw') center/cover no-repeat;
}
.eeat-hero__inner { max-width: 900px; }
.eeat-eyebrow {
	display: inline-block; color: #fff; background: var(--red);
	font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
	padding: 6px 14px; border-radius: 20px; margin-bottom: 22px;
}
.eeat-hero h1 {
	color: var(--blue); font-size: clamp(34px, 6vw, 62px); line-height: 1.05;
	margin: 0 0 18px; text-transform: uppercase; letter-spacing: 1px;
}
.eeat-hero p { color: #eaeaea; font-size: clamp(16px, 2.4vw, 21px); margin: 0 auto; max-width: 720px; }

/* ---- Content ---- */
.eeat-section { max-width: 1000px; margin: 0 auto; padding: 64px 22px; }
.eeat-section h2 { color: var(--blue); font-size: clamp(24px, 3.4vw, 34px); text-transform: uppercase; letter-spacing: .5px; margin: 0 0 18px; }
.eeat-section p { font-size: 17px; color: #cfcfcf; margin: 0 0 18px; }
.eeat-lead { font-size: 19px !important; color: #ececec !important; }

.eeat-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 34px; }
.eeat-card { background: #111; border: 1px solid #1e1e1e; border-top: 3px solid var(--blue); border-radius: 8px; padding: 26px 22px; }
.eeat-card h3 { color: #fff; font-size: 18px; margin: 0 0 10px; text-transform: uppercase; letter-spacing: .5px; }
.eeat-card p { font-size: 15px; color: #b9b9b9; margin: 0; }

.eeat-band { background: #0b0b0b; border-top: 1px solid #191919; border-bottom: 1px solid #191919; }

/* ---- Pillar switcher ---- */
.eeat-pillars { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.eeat-pillars a {
	display: inline-block; padding: 10px 18px; border: 1px solid #2a2a2a; border-radius: 30px;
	color: #cfcfcf; text-decoration: none; text-transform: uppercase; letter-spacing: .5px;
	font-size: 13px; transition: all .2s ease;
}
.eeat-pillars a:hover, .eeat-pillars a.is-active { background: var(--blue); border-color: var(--blue); color: #fff; }

/* ---- Contact / footer ---- */
.eeat-contact { text-align: center; padding: 64px 22px 30px; }
.eeat-contact h2 { color: var(--red); text-transform: uppercase; letter-spacing: 1px; margin: 0 0 16px; font-size: clamp(24px,3.4vw,34px); }
.eeat-contact .addr { color: #cfcfcf; font-size: 17px; margin: 6px 0; }
.eeat-cta-btn { display: inline-block; margin-top: 22px; background: var(--red); color: #fff; text-decoration: none; padding: 14px 30px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.eeat-cta-btn:hover { background: #c94f4f; }
.eeat-footer { text-align: center; padding: 26px 22px 46px; color: #777; font-size: 13px; }
.eeat-footer a { color: #999; text-decoration: none; }
.eeat-footer a:hover { color: var(--blue); }

/* Footer utility nav (holds the Site map link, moved out of the top nav) */
.footer-nav { margin-top: 10px; font-size: 13px; color: #666; }
.footer-nav a { color: #9fbfd0; text-decoration: none; margin: 0 3px; }
.footer-nav a:hover { color: var(--blue); }