/* Homebuyer Conveyancing cookie consent - lander bar (Cybersalt; matches the Web357 bar on Joomla pages, 2026-10-10).
   Joomla pages use Web357 Cookies Policy Notification Bar; the static landers use this bar (cs-consent.js), which shares
   Web357's cookies. Look: 1000px wide like the template, centred, along the bottom, thick orange top/side border + glow.
   Colours (WCAG 2.2 AA): text #333 on #FFF 12.6:1; link #B35900 4.56:1 underlined; Accept #FFF on #B35900 4.56:1;
   Reject #FFF on #535353 7.4:1; focus ring #B35900 4.83:1. */
.cs-cc{ position:fixed; left:0; right:0; bottom:0; margin:0 auto; z-index:99990; display:block; box-sizing:border-box; width:1000px; max-width:100%;
	background:#FFFFFF; color:#333333; border:4px solid #E67300; border-top-width:5px; border-bottom:0; border-radius:8px 8px 0 0;
	box-shadow:0 -4px 0 rgba(230,115,0,.25), 0 -10px 30px rgba(0,0,0,.30); max-height:75vh; overflow-y:auto;
	font-family:Roboto, Arial, sans-serif; font-size:15px; line-height:1.45; text-align:left; }
.cs-cc *, .cs-cc *::before, .cs-cc *::after{ box-sizing:border-box; }
.cs-cc-inner{ display:flex; align-items:center; gap:12px 24px; padding:14px 20px; }
.cs-cc-text{ flex:1 1 auto; min-width:0; }
.cs-cc .cs-cc-title{ margin:0 0 4px !important; padding:0 !important; background:none; border:0; font:700 17px/1.3 Arial, Helvetica, sans-serif !important; color:#333333 !important; letter-spacing:0; text-transform:none; } /* landers only load Roboto 100/300, so a Roboto 700 title renders light */
.cs-cc .cs-cc-title:focus{ outline:3px solid #B35900; outline-offset:2px; }
.cs-cc .cs-cc-p{ margin:0; padding:0; font-size:15px; line-height:1.45; color:#333333; }
.cs-cc .cs-cc-a, .cs-cc .cs-cc-a:visited{ color:#B35900; text-decoration:underline; text-underline-offset:2px; }
.cs-cc .cs-cc-a:hover{ color:#8A4500; }
.cs-cc-actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; flex:0 0 auto; }
.cs-cc .cs-cc-btn{ display:inline-flex; align-items:center; justify-content:center; margin:0; min-height:44px; min-width:44px; padding:10px 14px; border:0; border-radius:3px;
	font:500 15px/1.2 Roboto, Arial, sans-serif; letter-spacing:0; text-transform:none; text-shadow:none; box-shadow:none; cursor:pointer; white-space:nowrap; color:#FFFFFF; }
.cs-cc .cs-cc-accept{ background:#B35900; }
.cs-cc .cs-cc-accept:hover{ background:#8A4500; }
.cs-cc .cs-cc-reject{ background:#535353; }
.cs-cc .cs-cc-reject:hover{ background:#333333; }
.cs-cc .cs-cc-btn:focus-visible, .cs-cc .cs-cc-a:focus-visible{ outline:3px solid #B35900 !important; outline-offset:2px !important; }
html.cs-cc-open body{ padding-bottom:var(--cs-cc-h, 0px) !important; }
@media (max-width:900px){
	.cs-cc-inner{ flex-direction:column; align-items:stretch; gap:10px; padding:12px 16px; }
	.cs-cc .cs-cc-accept, .cs-cc .cs-cc-reject{ flex:1 1 0; white-space:normal; }
}
@media (max-width:600px){
	.cs-cc .cs-cc-title{ font-size:16px; }
	.cs-cc .cs-cc-p{ font-size:14px; }
}
@media (orientation:landscape) and (max-height:500px){
	.cs-cc{ max-height:58vh; }
	.cs-cc-inner{ flex-direction:row; align-items:center; gap:8px 16px; padding:8px 16px; }
	.cs-cc .cs-cc-title{ display:inline; font-size:14px; margin-right:6px; }
	.cs-cc .cs-cc-p{ display:inline; font-size:13px; line-height:1.35; }
	.cs-cc-actions{ flex:0 0 230px; flex-direction:column; flex-wrap:nowrap; gap:6px; }
	.cs-cc .cs-cc-btn{ min-height:38px; width:100%; }
}
/* "Cookie settings" link under the copyright line (a real <button>, styled as a link). Both footers are dark
   (Joomla #666666 = white link 5.74:1) or light (landers' white copyright strip = #535353 link 7.4:1); cs-consent.js picks the class from the measured background. !important because
   the template and lander stylesheets style <button>. */
.cs-cc-settings{ display:inline !important; margin:4px 0 0 !important; padding:0 !important; background:transparent !important;
	border:0 !important; box-shadow:none !important; font:inherit !important; color:#535353 !important;
	text-decoration:underline !important; text-underline-offset:2px; cursor:pointer; min-height:24px; line-height:24px !important; }
.cs-cc-settings:hover{ text-decoration-thickness:2px !important; }
.cs-cc-settings:focus, .cs-cc-settings:focus-visible{ outline:3px solid #B35900 !important; outline-offset:2px !important; }
.cs-cc-settings.cs-cc-settings--on-dark{ color:#FFFFFF !important; }               /* 5.74:1 on Joomla's #666 footer */
.cs-cc-settings.cs-cc-settings--on-dark:focus, .cs-cc-settings.cs-cc-settings--on-dark:focus-visible{ outline-color:#FFFFFF !important; }
.cs-cc-settings.cs-cc-settings--on-light{ color:#535353 !important; }              /* 7.4:1 on the landers' white footer strip */


/* The footer link is an <a href="#cookies" class="cpnb-modal-trigger"> on Joomla pages (opens Web357's Cookies Manager), a <button> on landers. */
a.cs-cc-settings, a.cs-cc-settings:visited{ display:inline !important; }
/* /cookie-policy page: cookie table + "Cookie settings" button (Cybersalt 2026-10-08). Lives here, not in the
   TCCK template, so it survives a regenerate. Table scrolls sideways inside its own box on narrow phones. */
.cs-cookie-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 1em; }
.cs-cookie-table{ width:100%; min-width:560px; border-collapse:collapse; font-size:15px; line-height:1.4; }
.cs-cookie-table caption{ text-align:left; font-weight:700; padding:0 0 6px; color:#333333; }
.cs-cookie-table th, .cs-cookie-table td{ border:1px solid #CCCCCC; padding:8px 10px; text-align:left; vertical-align:top; color:#333333; }
.cs-cookie-table th{ background:#F2F2F2; font-weight:700; }
.cs-cookie-table code{ font-size:14px; background:none; color:#333333; }
.cs-cc-openbtn{ display:inline-block; margin:0 0 0 4px; min-height:44px; padding:10px 18px; border:2px solid #B35900; border-radius:3px;
	background:#B35900; color:#FFFFFF; font:500 15px/1.2 Roboto, Arial, sans-serif; cursor:pointer; }
.cs-cc-openbtn:hover{ background:#8A4500; border-color:#8A4500; }
.cs-cc-openbtn:focus-visible{ outline:3px solid #B35900; outline-offset:2px; }

/* ============================================================
   LANDER FOOTER CONTRAST (Cybersalt 2026-10-10, WCAG AA 4.5:1). Lives here because every lander loads this
   file through its tree's analytics.php include (versioned), while the trees' own style.css has a 1-year
   Expires header and can't be cache-busted without editing 1,349 pages. Scoped to the lander footer markup
   (<footer><div class="row group"> / <div class="copyright group">); Joomla pages have neither.
   Links in the navy part are underlined (#CCC links vs #AAA text: colour alone does not mark them).
   Before: navy footer labels (Telephone/Email) #666 on #26323E 2.27:1, body text #999 4.58:1;
   copyright text #999 on white 2.85:1, Terms link #707070 4.95:1.
   ============================================================ */
footer > .row.group td, footer > .row.group p{ color:#AAAAAA; }
footer > .copyright.group p.small{ color:#666666; }
footer > .copyright.group p.small a{ color:#595959; }
footer > .row.group a{ text-decoration:underline; text-underline-offset:2px; }
footer > .row.group a:hover, footer > .row.group a:focus{ text-decoration-thickness:2px; }
