/* Vale Window Company theme — aligned with valewindows.co.uk */
:root {
	--navy: #061c30;
	--navy2: #0a2942;
	--gold: #e1b440;
	--gold2: #c9a036;
	--cream: #f5f3ee;
	--ink: #1a2330;
	--muted: #5c6b7a;
	--white: #ffffff;
	--line: #d9d3c8;
}

html, body {
	background: var(--cream) !important;
	color: var(--ink) !important;
	font-family: Inter, "Segoe UI", Arial, sans-serif !important;
	margin: 0 !important;
}

a { color: var(--navy2); }
a:hover { color: var(--gold2); }

h1, h2, h3 {
	font-family: Inter, "Segoe UI", Arial, sans-serif !important;
	letter-spacing: -0.02em;
	color: var(--navy) !important;
}

h1 { font-size: 1.55rem !important; font-weight: 800 !important; }
h2 { font-size: 1.2rem !important; font-weight: 700 !important; padding-bottom: 8px !important; }

.vale-top {
	background: var(--navy);
	color: var(--white);
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 28px 12px;
	border-bottom: 3px solid var(--gold);
}
.vale-top .vale-brand,
.vale-top .vale-meta {
	display: table-cell;
	vertical-align: middle;
}
.vale-logo {
	height: 52px;
	width: auto;
	border: none;
	display: block;
}
.vale-meta {
	text-align: right;
	padding-left: 20px;
}
.vale-tag {
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gold);
	font-weight: 700;
}
.vale-tagline {
	font-size: 13px;
	color: #d7dee6;
	margin-top: 2px;
}

#header,
#header1 {
	height: auto !important;
	width: 100% !important;
	margin: 0 !important;
	background: var(--navy) !important;
	background-image: none !important;
}
#header1left,
#header1right,
#footerleft,
#footerright,
#footercentre,
#footerbarbottom {
	display: none !important;
}

#nav {
	height: auto !important;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 20px;
	background: var(--navy2) !important;
	background-image: none !important;
	color: var(--white) !important;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 !important;
	overflow: hidden;
}
#nav li {
	display: inline-block;
	float: none !important;
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	background: none !important;
}
#nav li a,
#nav li.current,
#nav li.lightgrey {
	display: inline-block;
	padding: 8px 14px !important;
	border-radius: 4px;
	color: #e8eef4 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	background: transparent !important;
	border: none !important;
}
#nav li a:hover {
	background: rgba(225, 180, 64, 0.18) !important;
	color: var(--gold) !important;
}
#nav li.current {
	background: var(--gold) !important;
	color: var(--navy) !important;
}
#nav li.lightgrey {
	color: #7f8c9a !important;
}
#nav p {
	color: #d7dee6 !important;
	font-weight: 500 !important;
	padding: 12px 0 !important;
}

#evowebheader {
	margin: 0 !important;
	background: var(--navy) !important;
	background-image: none !important;
	color: var(--white) !important;
	border-top: 1px solid rgba(225, 180, 64, 0.35);
	padding: 10px 24px !important;
	height: auto !important;
}
#evowebheader em { color: var(--gold); font-style: normal; }

#maincol {
	margin: 0 auto !important;
	max-width: 1180px;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	padding: 22px 20px 40px !important;
	min-height: 420px;
}

#footer {
	height: auto !important;
	margin: 0 !important;
	background: var(--navy) !important;
	background-image: none !important;
	color: #c5ced6;
	padding: 22px 20px;
	border-top: 3px solid var(--gold);
	text-align: center;
	font-size: 12px;
}
#footer a { color: var(--gold); text-decoration: none; }
.companylink { display: none !important; }

.vale-footer-inner { max-width: 900px; margin: 0 auto; line-height: 1.6; }
.vale-footer-inner strong { color: var(--white); }

/* Forms and cards */
.inputform {
	background: var(--white) !important;
	border: 1px solid var(--line) !important;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(6, 28, 48, 0.08);
	max-width: 980px;
	margin: 12px auto 0 !important;
	padding: 8px 8px 16px !important;
}
.inputform div,
.inputform table,
.inputform table td,
.inputform table th {
	background: transparent !important;
}
.inputform .inputlabel,
.inputform .inputlabel2,
.inputform th.inputlabel {
	color: var(--navy) !important;
	background: transparent !important;
	font-weight: 600 !important;
}
input[type="submit"],
input[type="button"],
button,
.inputform .buttonlarge,
input.MENUBUTTON {
	background: var(--gold) !important;
	color: var(--navy) !important;
	border: none !important;
	border-radius: 4px !important;
	font-family: Inter, "Segoe UI", Arial, sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
	letter-spacing: 0.04em;
	cursor: pointer;
	padding: 8px 16px !important;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background: var(--gold2) !important;
}
input[type="text"],
input[type="password"],
select,
textarea {
	border: 1px solid var(--line) !important;
	border-radius: 4px;
	padding: 6px 8px;
	font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

table th,
TH {
	background: var(--navy2);
	color: var(--white);
	font-weight: 600;
}
.inputform table th,
.inputform TH {
	background: transparent !important;
	color: var(--navy) !important;
}

.warningbox {
	background: #fff6d6 !important;
	border: 1px solid var(--gold) !important;
	color: var(--navy) !important;
	border-radius: 6px;
	max-width: 720px;
	margin: 0 auto 16px;
}
.redtext { color: #b42318 !important; font-weight: 700; text-align: center; }
.friendlymessage { text-align: center; }

/* Home / menu cards */
.vale-cards {
	display: table;
	width: 100%;
	max-width: 860px;
	margin: 24px auto 0;
	border-collapse: separate;
	border-spacing: 18px;
}
.vale-cards .vale-card:only-child { width: 70%; }
.vale-card {
	display: table-cell;
	width: 50%;
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 28px 22px 24px;
	text-align: center;
	vertical-align: top;
	box-shadow: 0 10px 28px rgba(6, 28, 48, 0.08);
}
.vale-card a,
a.vale-card-link {
	text-decoration: none !important;
	color: inherit !important;
	display: block;
}
.vale-card h3 {
	margin: 0 0 8px;
	font-size: 1.15rem;
	color: var(--navy) !important;
}
.vale-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.92rem;
	line-height: 1.45;
}
.vale-card .vale-card-icon {
	width: 56px;
	height: 56px;
	line-height: 56px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: var(--navy);
	color: var(--gold);
	font-size: 22px;
	font-weight: 800;
}
.vale-actions {
	text-align: center;
	margin-top: 18px;
}
.vale-actions a {
	display: inline-block;
	margin: 0 10px;
	color: var(--navy) !important;
	font-weight: 700;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 0.04em;
}
.vale-actions a:hover { color: var(--gold2) !important; }

.vale-welcome {
	text-align: center;
	margin: 8px auto 0;
	max-width: 720px;
}
.vale-welcome .who {
	color: var(--gold2);
	font-weight: 800;
}

.layouttab1 {
	text-align: center;
	margin-bottom: 12px;
}
.layouttab1 a {
	color: var(--navy) !important;
	font-weight: 600;
}

#loadingdataprogressbarinner,
#progress1barinner {
	background-color: var(--gold) !important;
}
#loadingdataprogressbarouter {
	background: var(--navy2);
	border-radius: 4px;
	overflow: hidden;
	height: 10px !important;
	margin-top: 18px;
}
#loadingdataprogressbarinner { height: 10px !important; }

.filters {
	background: var(--navy2) !important;
	color: var(--white) !important;
}