/* -------------------------------------------------------------------
   legal.css  -  statutory disclosures and legal-page styling
   Added September 2026. Self-contained: no existing rules are touched.
   ------------------------------------------------------------------- */

/* ---- always-visible company particulars ---- */

#legal-strip {
	width: 750px;
	margin: 0 auto 40px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.8;
	color: #8d8d8d;
	text-align: center;
}

body.wide-950 #legal-strip { width: 950px; }

#legal-strip a { color: #8d8d8d; text-decoration: underline; }
#legal-strip a:hover { color: #555; }

#legal-strip .sep { padding: 0 5px; color: #c4c4c4; }

/* ---- UK location graphic (contact page) ---- */
/* Local SVG. Nothing is requested from any third party. */

.uk-map img {
	float: left;
	width: 140px;
	height: auto;
	margin: 4px 22px 12px 0;
}

.uk-map-note {
	margin: 0 0 14px 0;
	padding-top: 4px;
	font-size: 12px;
	line-height: 1.7;
	color: #7a7a7a;
}

.uk-map-note strong { color: #555; font-size: 13px; }

.uk-map-clear { clear: both; height: 0; overflow: hidden; }

/* ---- privacy page body copy ---- */

#content.legal-page h6 { margin: 26px 0 6px 0; font-size: 13px; color: #444; }
#content.legal-page p, #content.legal-page li { font-size: 12px; line-height: 1.75; }
#content.legal-page ul { margin: 0 0 14px 18px; list-style: disc; }
#content.legal-page li { margin-bottom: 4px; }
#content.legal-page .updated { font-size: 11px; color: #999; }

/* ---- index.html only ----------------------------------------------
   The home page is a fullscreen slideshow with no #page-wrap: its whole
   flow is about 130px tall, so a static strip lands near the top. Pin it
   to the foot of the viewport there instead. Scoped to body#page, which
   only index.html carries - every other page keeps the strip in flow.
   -------------------------------------------------------------------- */

body#page #legal-strip {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	margin: 0;
	padding: 30px 80px 12px 80px;   /* right pad clears the footer-open tab */
	z-index: 900;
	color: #e4e4e4;
	text-shadow: 0 1px 2px rgba(0,0,0,.75);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.55));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.55));
	pointer-events: none;           /* don't block the slideshow underneath */
}

body#page #legal-strip a { color: #e4e4e4; pointer-events: auto; }
body#page #legal-strip a:hover { color: #fff; }
body#page #legal-strip .sep { color: rgba(255,255,255,.4); }