/* #sd-a11y-eyebrow */
html body .vs-eyebrow{color:#AD500A!important}
/* #sd-header-v6 */

/* Slyne Digital: sticky header, call button and audit button on every screen size (28 Oct 2026) */
header.wp-block-template-part:has(.vs-header){position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:100}
html body header .vs-header .wp-block-buttons{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important;flex:0 0 auto}
html body header .vs-header .wp-block-buttons .wp-block-button__link{white-space:nowrap}
html body header .vs-header .sd-hdr-call .wp-block-button__link{display:inline-flex!important;align-items:center;gap:7px;background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.3)!important;box-shadow:none!important}
html body header .vs-header .sd-hdr-call .wp-block-button__link:hover{border-color:#F49741!important}
html body header .vs-header .sd-hdr-call .wp-block-button__link::after{display:none!important;content:none!important}
html body header .vs-header .sd-hdr-call svg{color:#25D366;flex:0 0 auto}
html body .sd6-call.sd-wa svg,html body .sd6-cta-call a.sd-wa svg,html body .sd-wa svg{color:#25D366}
html body .sd6-call.sd-wa:hover{border-color:#25D366}
html body header .vs-header .sd-hdr-call .wp-block-button__link:hover{border-color:#25D366!important}
html body header .vs-header .sd-sm{display:none}
html body header .vs-header .sd-hdr-audit .wp-block-button__link{display:inline-block!important;position:relative!important;overflow:hidden!important;isolation:isolate}
/* Floating right-edge "Make an enquiry" tab hidden 28 Oct 2026: it duplicated the sticky header button and sat where banner blindness hides it. Delete this line to bring it back. */
html body a.vs-sidetab{display:none!important}
@media(min-width:1400px){html body header .vs-header .vs-header__inner{max-width:1320px!important}}
@media(min-width:1200px){html body header .vs-header .vs-brand-logo img{width:180px!important;height:auto!important}html body header .vs-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding:9px 7px!important;font-size:14.5px!important}html body header .vs-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child>.wp-block-navigation-item__content{padding-right:2px!important}html body header .vs-header .sd-hdr-audit .wp-block-button__link{padding:12px 20px!important;font-size:15px!important;line-height:1.15!important}}
@media(min-width:1200px) and (max-width:1399px){html body header .vs-header .sd-hdr-call .sd-t{display:none}html body header .vs-header .sd-hdr-call .wp-block-button__link{padding:11px 13px!important}}
/* 1400px+: header inner is 1320px wide, so the WhatsApp label fits next to the one-line nav */
@media(max-width:1199px){html body header .vs-header .wp-block-buttons{margin-left:auto!important;margin-right:10px!important}html body header .vs-header .wp-block-buttons .wp-block-button__link{padding:10px 16px!important;font-size:14px!important;line-height:1.1!important}html body header .vs-header .sd-hdr-call .sd-t{display:none}html body header .vs-header .sd-hdr-call .wp-block-button__link{padding:9px 11px!important}}
@media(max-width:600px){html body header .vs-header .vs-header__inner{gap:10px!important}html body header .vs-header .vs-brand-logo img{width:128px!important;height:auto!important}html body header .vs-header .sd-lg{display:none}html body header .vs-header .sd-sm{display:inline}html body header .vs-header .wp-block-buttons{margin-right:6px!important;gap:6px!important}html body header .vs-header .wp-block-buttons .wp-block-button__link{padding:9px 13px!important;font-size:13.5px!important}html body header .vs-header .sd-hdr-call .wp-block-button__link{padding:8px 10px!important}}
@media(max-width:380px){html body header .vs-header .vs-brand-logo img{width:104px!important;height:auto!important}}

/* #sd-wa-css */

/* Header WhatsApp button: solid WhatsApp green, same size and shape as "Make an enquiry" (30 Oct 2026) */
html body header .vs-header .wp-block-buttons .wp-block-button__link{box-sizing:border-box!important;min-height:44px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.15!important;font-weight:700!important}
html body header .vs-header .sd-hdr-call .wp-block-button__link{gap:8px!important;background:#1DAA61!important;color:#fff!important;border:0!important;box-shadow:none!important;transition:background-color .15s!important}
html body header .vs-header .sd-hdr-call .wp-block-button__link:hover{background:#22B868!important;border:0!important}
html body header .vs-header .sd-hdr-call svg{display:none!important}
html body header .vs-header .sd-hdr-call .wp-block-button__link::before{content:"";flex:0 0 auto;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3Cpath fill='%231DAA61' transform='translate(12 12) scale(1.15) translate(-12.6 -11.8)' d='M9.2 8.3c.2-.4.5-.5.8-.5h.5l.9 2-.6.8a5.3 5.3 0 0 0 2.6 2.6l.8-.6 2 .9v.5c0 .4-.2.7-.5.9-.6.4-1.4.5-2.1.3a8 8 0 0 1-4.7-4.7c-.2-.8-.1-1.6.3-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(min-width:1200px){html body header .vs-header .wp-block-buttons .wp-block-button__link{padding:0 20px!important;font-size:15px!important}}
@media(min-width:1200px) and (max-width:1399px){html body header .vs-header .sd-hdr-call .wp-block-button__link{width:44px!important;padding:0!important}}
@media(max-width:1199px){html body header .vs-header .wp-block-buttons .wp-block-button__link{min-height:40px!important;padding:0 16px!important}html body header .vs-header .sd-hdr-call .wp-block-button__link{width:40px!important;padding:0!important}}
@media(max-width:600px){html body header .vs-header .wp-block-buttons .wp-block-button__link{padding:0 13px!important}html body header .vs-header .sd-hdr-call .wp-block-button__link{width:40px!important;padding:0!important}}
/* Page-level WhatsApp buttons (home hero, final CTA): same solid green style (30 Oct 2026) */
html body a.sd-wa.sd6-call,html body .sd6-cta-call a.sd-wa{background:#1DAA61!important;border-color:#1DAA61!important;color:#fff!important;box-shadow:none}
html body a.sd-wa.sd6-call:hover,html body .sd6-cta-call a.sd-wa:hover{background:#22B868!important;border-color:#22B868!important}
html body a.sd-wa.sd6-call svg,html body .sd6-cta-call a.sd-wa svg{display:none!important}
html body a.sd-wa.sd6-call::before,html body .sd6-cta-call a.sd-wa::before{content:"";flex:0 0 auto;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3Cpath fill='%231DAA61' transform='translate(12 12) scale(1.15) translate(-12.6 -11.8)' d='M9.2 8.3c.2-.4.5-.5.8-.5h.5l.9 2-.6.8a5.3 5.3 0 0 0 2.6 2.6l.8-.6 2 .9v.5c0 .4-.2.7-.5.9-.6.4-1.4.5-2.1.3a8 8 0 0 1-4.7-4.7c-.2-.8-.1-1.6.3-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Phones: keep the header flush with the top of the screen (the WP admin bar scrolls away under 600px, so its height must not offset the header) */
@media(max-width:600px){html body header.wp-block-template-part:has(.vs-header){top:0!important}}
@media(prefers-reduced-motion:reduce){html body header .vs-header .sd-hdr-call .wp-block-button__link{transition:none!important}}

/* #sd-mobile-fixes */

/* Blog + archive listing: post cards (title, excerpt, date) instead of full posts */
.sd-blog-list .wp-block-post-template{gap:20px!important;list-style:none;padding:0;margin:0}
.sd-blog-list .wp-block-post-template>li{margin:0!important;display:flex}
.sd-post-card{position:relative;flex:1;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:24px!important;margin:0!important;border:1px solid #E3E9F1;border-radius:20px;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.sd-post-card:hover{border-color:#F49741;transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(11,31,58,.35)}
.sd-post-card>*{margin:0!important}
.sd-post-cat{position:relative;z-index:1;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sd-post-cat a{color:#AD500A!important;text-decoration:none!important;background:#FEF6EB;padding:4px 10px;border-radius:999px;display:inline-block}
.sd-post-cat .wp-block-post-terms__separator{display:none}
.sd-post-title{font-size:clamp(19px,1.6vw,22px)!important;line-height:1.25!important;letter-spacing:-.01em}
.sd-post-title a{color:#0B1F3A!important;text-decoration:none!important}
.sd-post-title a::after{content:"";position:absolute;inset:0;border-radius:20px}
.sd-post-card:hover .sd-post-title a{color:#AD500A!important}
.sd-post-ex,.sd-post-ex p{color:#4A5B73;font-size:.97rem;line-height:1.55;margin:0!important}
.sd-post-ex .wp-block-post-excerpt__more-text{display:none}
.sd-post-date{margin-top:auto!important;font-size:.85rem;color:#5a6b82}
.sd-blog-list .wp-block-query-pagination{margin-top:36px!important;gap:8px}
.sd-blog-list .wp-block-query-pagination a,.sd-blog-list .wp-block-query-pagination .current{padding:8px 14px;border-radius:999px;border:1px solid #E3E9F1;text-decoration:none}
@media(max-width:900px){.sd-blog-list .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sd-blog-list .wp-block-post-template{grid-template-columns:1fr!important}.sd-post-card{padding:20px!important}}
.sd-blog-hero{text-align:center}
.sd-blog-hero .vs-eyebrow{margin-left:auto!important;margin-right:auto!important}
.sd-blog-hero h1,.sd-blog-hero .vs-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.sd-blog-hero .vs-lead{max-width:40ch!important}
/* Section labels (eyebrow pills) line up with a left-aligned heading instead of sitting centred above it */
body:not(.home) .is-layout-constrained:not(.vs-center):not(.sd-blog-hero)>.vs-eyebrow:has(+ :is(h1,h2,h3):not(.has-text-align-center)){margin-left:max(0px,calc((100% - var(--wp--style--global--content-size)) / 2))!important;margin-right:auto!important}
body:not(.home) .vs-section.is-layout-constrained:not(.vs-center):not(.sd-blog-hero)>.vs-eyebrow:has(+ :is(h1,h2,h3):not(.has-text-align-center)){margin-left:max(0px,calc((100% - 1200px) / 2))!important}
/* Home: centred section headings get a centred label too */
html body .sd6-ind-head .vs-eyebrow{margin-left:auto!important;margin-right:auto!important}
@media(max-width:960px){html body .sd6-sys-intro .vs-eyebrow{margin-left:auto!important;margin-right:auto!important}}
/* Small tables inside hero visuals: no mid-word breaks */
.vs-hero table th{white-space:nowrap}
.vs-hero table td:first-child{white-space:nowrap}
/* Long code/URLs wrap instead of widening the page */
:not(pre)>code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
/* Editor-only notes (vsx-callout--todo) are never shown to visitors */
body:not(.logged-in) .vsx-callout--todo{display:none!important}
/* Mobile menu: WhatsApp button in WhatsApp green, same as the header */
html body .vs-header .wp-block-navigation__responsive-container.is-menu-open a.vs-ov-cta{background:#1DAA61!important;color:#fff!important;box-shadow:none!important;gap:10px}
html body .vs-header .wp-block-navigation__responsive-container.is-menu-open a.vs-ov-cta::before{content:"";width:22px;height:22px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3Cpath fill='%231DAA61' transform='translate(12 12) scale(1.15) translate(-12.6 -11.8)' d='M9.2 8.3c.2-.4.5-.5.8-.5h.5l.9 2-.6.8a5.3 5.3 0 0 0 2.6 2.6l.8-.6 2 .9v.5c0 .4-.2.7-.5.9-.6.4-1.4.5-2.1.3a8 8 0 0 1-4.7-4.7c-.2-.8-.1-1.6.3-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* No focus ring on the first menu item when the menu is opened by tap (keyboard users still get it) */
html body .vs-header .is-menu-open .wp-block-navigation-item__content:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;border-color:transparent!important}
/* Footer newsletter: WordPress wraps the field + button in a <p>; make that row a flex line and drop the empty <p> */
html body .sd-nl>p:empty{display:none!important}
html body .sd-nl>p:not(.sd-enq-status){display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:0;margin:0!important}
html body .sd-nl>p:not(.sd-enq-status) input[type=email]{flex:1 1 0!important;min-width:0!important}
html body .sd-nl>p:not(.sd-enq-status) button{flex:0 0 auto}
html body .sd-nl br{display:none}
/* Message box tall enough to type in */
html body .sd-enq textarea{min-height:120px!important;height:auto!important}
@media(max-width:600px){
	/* Hero headings a touch smaller so long titles don't run to 6 lines */
	html body .vs-hero h1,html body .vs-hero .vs-hero-title{font-size:clamp(32px,9vw,38px)!important;line-height:1.08!important}
	/* Hero + plan buttons: full width, same size */
	html body .vs-hero .wp-block-buttons{flex-direction:column;align-items:stretch!important;gap:10px!important}
	html body .vs-hero .wp-block-buttons>.wp-block-button{width:100%!important;margin:0!important}
	html body .vs-hero .wp-block-buttons .wp-block-button__link,html body .vs-plan .wp-block-button__link{display:flex!important;justify-content:center;align-items:center;width:100%!important;box-sizing:border-box;text-align:center;min-height:50px}
	html body .vs-plan .wp-block-buttons,html body .vs-plan .wp-block-button{width:100%!important}
	/* Footer: link lists in two columns, brand block full width */
	html body .vs-footer .wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:28px 18px!important}
	html body .vs-footer .wp-block-columns>.wp-block-column{min-width:0;flex-basis:auto!important}
	html body .vs-footer .wp-block-columns>.wp-block-column:first-child{grid-column:1/-1}
	/* Footer newsletter: email and button on one line */
	html body .sd-nl{flex-wrap:nowrap!important;max-width:100%!important}
	html body .sd-nl input[type=email]{flex:1 1 0!important;min-width:0!important}
	html body .sd-nl button{flex:0 0 auto}
	html body .sd-nl .sd-enq-status{position:absolute}
	/* Comparison tables (3+ columns) become cards: one card per row, column names as labels */
	.sd-stack{overflow:visible!important}
	.sd-stack table{display:block;border:0!important;width:100%!important;min-width:0!important;background:none!important}
	.sd-stack thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.sd-stack tbody{display:grid;gap:12px}
	.sd-stack tr{display:block;border:1px solid #E1E7EF!important;border-radius:14px;overflow:hidden;background:#fff!important}
	.sd-stack td{display:grid!important;grid-template-columns:minmax(92px,38%) 1fr;gap:12px;padding:10px 14px!important;border:0!important;border-top:1px solid #EEF2F7!important;text-align:left!important;font-size:.95rem}
	.sd-stack td::before{content:attr(data-label);font-weight:700;color:#5a6b82;font-size:.82rem;line-height:1.5}
	.sd-stack td[data-label=""]{grid-template-columns:1fr}
	.sd-stack td[data-label=""]::before{display:none}
	.sd-stack td:first-child{display:block!important;background:#0B1F3A;color:#fff;font-weight:700;border-top:0!important;padding:12px 14px!important}
	.sd-stack td:first-child::before{display:none}
	.sd-stack td:first-child a{color:#F8B26A}
}