/* Save & Convey cookie consent (Cybersalt 2026-10-08) - see cs-consent.js. Self-contained and scoped (.cs-cc*),
   so neither the Joomla template nor the lander style.css can restyle it. Colours (WCAG 2.2 AA, measured):
   text #333 on #FFF 12.6:1; link #007FA9 on #FFF 4.56:1 (underlined); Accept = #FFF on #007FA9 4.56:1;
   Reject = #007FA9 on #FFF 4.56:1 with a #007FA9 border (3:1+ against the banner); focus ring #B35900 on #FFF 4.83:1.
   In normal page flow (never position:fixed), so it pushes content down instead of covering tiles or the quote form. */
.cs-cc{ display:block; box-sizing:border-box; width:100%; margin:0; padding:0; background:#FFFFFF; color:#333333;
	border-top:4px solid #009FD4; border-bottom:1px solid #D0D0D0; box-shadow:0 2px 6px rgba(0,0,0,.12);
	font-family:Roboto, Arial, sans-serif; font-size:15px; line-height:1.45; text-align:left; position:relative; z-index:50; clear:both; }
.cs-cc *, .cs-cc *::before, .cs-cc *::after{ box-sizing:border-box; }
.cs-cc-inner{ max-width:1000px; margin:0 auto; padding:14px 16px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.cs-cc-text{ flex:1 1 420px; min-width:0; }
.cs-cc .cs-cc-title{ margin:0 0 4px; padding:0; background:none; border:0; font:700 17px/1.3 Roboto, Arial, sans-serif; color:#333333; letter-spacing:0; text-transform:none; }
.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:#007FA9; text-decoration:underline; text-underline-offset:2px; }
.cs-cc .cs-cc-a:hover{ color:#00618A; }
.cs-cc-actions{ display:flex; flex-wrap:wrap; gap:10px; flex:0 1 auto; }
.cs-cc .cs-cc-btn{ display:inline-block; margin:0; min-height:44px; min-width:44px; padding:10px 18px; border:2px solid #007FA9; 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:normal; }
.cs-cc .cs-cc-accept{ background:#007FA9; color:#FFFFFF; }
.cs-cc .cs-cc-accept:hover{ background:#00618A; border-color:#00618A; }
.cs-cc .cs-cc-reject{ background:#FFFFFF; color:#007FA9; }
.cs-cc .cs-cc-reject:hover{ background:#E8F4F9; }
.cs-cc .cs-cc-btn:focus, .cs-cc .cs-cc-a:focus, .cs-cc .cs-cc-btn:focus-visible, .cs-cc .cs-cc-a:focus-visible{ outline:3px solid #B35900 !important; outline-offset:2px !important; }
@media (max-width:600px){
	.cs-cc-inner{ padding:12px; }
	.cs-cc .cs-cc-p{ font-size:14px; }
	.cs-cc-actions{ width:100%; }
	.cs-cc .cs-cc-btn{ flex:1 1 0; padding:10px 8px; font-size:14px; }
}
/* Short landscape phones: keep the text compact so the page beneath stays reachable. */
@media (orientation:landscape) and (max-height:500px){
	.cs-cc-inner{ padding:10px 16px; }
	.cs-cc .cs-cc-title{ display:inline; font-size:15px; margin-right:6px; }
	.cs-cc .cs-cc-p{ display:inline; font-size:14px; }
	.cs-cc .cs-cc-btn{ min-height:40px; padding:8px 14px; font-size:14px; }
}
/* While the banner is open on a Joomla page, the 8 Oct landscape rule that puts the accessibility button
   in the header band (custom.css, top:37px / 30px) is offset by the banner's height so the button stays in the header. */
@media only screen and (orientation:landscape) and (max-height:500px){
	html.cs-cc-open ._access-icon{ top:calc(37px + var(--cs-cc-h, 0px)) !important; }
}
@media only screen and (orientation:landscape) and (max-height:500px) and (max-width:768px){
	html.cs-cc-open ._access-icon{ top:calc(30px + var(--cs-cc-h, 0px)) !important; }
}
/* "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 */


/* Footer "Cookie policy" link shares the settings-link look (colour chosen by cs-consent.js). */
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 #007FA9; border-radius:3px;
	background:#007FA9; color:#FFFFFF; font:500 15px/1.2 Roboto, Arial, sans-serif; cursor:pointer; }
.cs-cc-openbtn:hover{ background:#00618A; border-color:#00618A; }
.cs-cc-openbtn:focus-visible{ outline:3px solid #B35900; outline-offset:2px; }
