/* ==========================================================================
   Dasic theme styles
   Colours, fonts and spacing come from theme.json (CSS variables below).
   ========================================================================== */

:root {
	--dasic-navy: var(--wp--preset--color--navy);
	--dasic-navy-deep: var(--wp--preset--color--navy-deep);
	--dasic-teal: var(--wp--preset--color--teal);
	--dasic-teal-dark: var(--wp--preset--color--teal-dark);
	--dasic-teal-light: var(--wp--preset--color--teal-light);
	--dasic-teal-pale: var(--wp--preset--color--teal-pale);
	--dasic-ink: var(--wp--preset--color--ink);
	--dasic-slate: var(--wp--preset--color--slate);
	--dasic-line: var(--wp--preset--color--line);
	--dasic-mist: var(--wp--preset--color--mist);
	--dasic-r-s: 0px;
	--dasic-r-m: 0px;
	--dasic-r-l: 0px;
	--dasic-ease: var(--wp--custom--transition, 200ms cubic-bezier(.2,.7,.3,1));
	--dasic-header-h: 84px;
	--dasic-sticky-offset: calc(var(--dasic-header-h) + var(--wp-admin--admin-bar--height, 0px));
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
::selection { background: var(--dasic-teal-light); color: var(--dasic-navy-deep); }
:where(h1, h2, h3, h4, h5, h6, [id]) { scroll-margin-top: calc(var(--dasic-sticky-offset) + 72px); }
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--dasic-teal);
	outline-offset: 3px;
	border-radius: 2px;
}
img { height: auto; }
a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; transition: color var(--dasic-ease); }
strong, b { font-weight: 650; }
.wp-element-button, .wp-block-button__link { transition: background-color var(--dasic-ease), color var(--dasic-ease), border-color var(--dasic-ease), transform var(--dasic-ease), box-shadow var(--dasic-ease); }
.wp-block-button__link:hover { transform: none; }
.screen-reader-text:focus { z-index: 100000; }

/* Full-width sections in page content sit flush against each other. */
.wp-block-post-content > .alignfull,
.wp-block-post-content > .dasic-divider { margin-block: 0; }
.wp-block-post-content > .alignfull + :not(.alignfull):not(.dasic-divider) { margin-block-start: var(--wp--preset--spacing--60); }
main.dasic-main { margin-block-start: 0; }
main.dasic-main > .wp-block-post-content { margin-block-start: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Headings and text inside coloured text containers inherit their colour. */
:where(.has-text-color) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }

/* ---------- Dark backgrounds (navy sections, covers, dark cards) ---------- */
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) {
	--dasic-on-dark: 1;
	color: #fff;
}
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) :where(h1, h2, h3, h4, h5, h6) { color: #fff; }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) :where(p, li, td, th, dd, dt, figcaption) { color: rgba(255, 255, 255, 0.84); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) :where(a:not(.wp-block-button__link):not(.dasic-btn):not(.dasic-pagenav__cta)) { color: var(--dasic-teal-light); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) .is-style-eyebrow { color: var(--dasic-teal-light); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) .wp-block-separator { color: rgba(255, 255, 255, 0.18); }
/* Light cards placed inside dark sections go back to normal colours. */
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) :is(.has-white-background-color, .has-mist-background-color, .has-teal-pale-background-color, .is-style-card:not(.has-navy-background-color), .is-style-card-link:not(.has-navy-background-color)) {
	color: var(--dasic-ink);
}
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) :is(.has-white-background-color, .has-mist-background-color, .has-teal-pale-background-color, .is-style-card, .is-style-card-link) :where(h1, h2, h3, h4, h5, h6) { color: var(--dasic-navy); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) :is(.has-white-background-color, .has-mist-background-color, .has-teal-pale-background-color, .is-style-card, .is-style-card-link) :where(p, li, td, th) { color: var(--dasic-ink); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) :is(.has-white-background-color, .has-mist-background-color, .has-teal-pale-background-color, .is-style-card, .is-style-card-link) .is-style-eyebrow { color: var(--dasic-teal-dark); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) :is(.has-white-background-color, .has-mist-background-color, .has-teal-pale-background-color, .is-style-card, .is-style-card-link) :where(a:not(.wp-block-button__link)) { color: var(--dasic-teal-dark); }

/* ==========================================================================
   Header
   Transparent over a dark hero (or the dark title banner), solid white on
   hover, keyboard focus and once the page scrolls. Pages that start with a
   light section get the solid header straight away.
   ========================================================================== */
:root {
	--dasic-topbar-h: 38px;
	--dasic-bar-h: 84px;
	--dasic-header-total: calc(var(--dasic-topbar-h) + var(--dasic-bar-h));
}
@media (max-width: 1023px) { :root { --dasic-bar-h: 68px; } }
@media (max-width: 781px) { :root { --dasic-topbar-h: 34px; } }
body:has(.dasic-header--landing) { --dasic-topbar-h: 0px; }

/* Solid (default) colours. */
body {
	--hdr-bg: #fff;
	--hdr-fg: var(--dasic-navy);
	--hdr-muted: var(--dasic-slate);
	--hdr-line: var(--dasic-line);
	--hdr-accent: var(--dasic-teal);
	--hdr-logo-light: none;
	--hdr-logo-dark: block;
	--hdr-scrim: 0;
	--hdr-offset: var(--dasic-header-total);
}
/* Transparent over a dark first section. */
body:has(.dasic-main > .wp-block-post-content:first-child > :is(.wp-block-cover, .dasic-hero, .has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .has-navy-fade-gradient-background):first-child),
body:has(.dasic-main > :is(.wp-block-cover, .has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .has-navy-fade-gradient-background):first-child) {
	--hdr-bg: transparent;
	--hdr-fg: #fff;
	--hdr-muted: rgba(255, 255, 255, 0.78);
	--hdr-line: rgba(255, 255, 255, 0.16);
	--hdr-accent: var(--dasic-teal-light);
	--hdr-logo-light: block;
	--hdr-logo-dark: none;
	--hdr-scrim: 1;
	--hdr-offset: 0px;
}
/* The dark first section makes room for the header that now sits on top of it. */
.dasic-main > .wp-block-post-content:first-child > :is(.wp-block-cover, .dasic-hero, .has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .has-navy-fade-gradient-background):first-child,
.dasic-main > :is(.wp-block-cover, .has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .has-navy-fade-gradient-background):first-child {
	padding-top: calc(var(--dasic-header-total) + clamp(2.5rem, 6vw, 4.5rem)) !important;
}
.dasic-main > .wp-block-post-content:first-child > .wp-block-cover:first-child { min-height: max(var(--dasic-hero-min, 0px), 88vh); }

.wp-site-blocks { padding-top: var(--hdr-offset); }
.dasic-header {
	position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; z-index: 50;
	background: var(--hdr-bg); color: var(--hdr-fg);
	transition: background-color 250ms ease, color 250ms ease, box-shadow 250ms ease;
}
@media (max-width: 600px) { .admin-bar .dasic-header { top: 0; } }
/* Solid state. */
.dasic-header:is(:hover, :focus-within, .is-scrolled),
.dasic-header:has(.is-menu-open) {
	--hdr-bg: #fff;
	--hdr-fg: var(--dasic-navy);
	--hdr-muted: var(--dasic-slate);
	--hdr-line: var(--dasic-line);
	--hdr-accent: var(--dasic-teal);
	--hdr-logo-light: none;
	--hdr-logo-dark: block;
	--hdr-scrim: 0;
}
.dasic-header.is-scrolled { box-shadow: 0 1px 0 var(--dasic-line), 0 10px 30px rgba(11, 27, 51, 0.06); }
/* Soft shade behind the clear header so white text stays readable on bright photos. */
.dasic-header::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 160%; z-index: -1; pointer-events: none;
	background: linear-gradient(180deg, rgba(6, 18, 36, 0.55) 0%, rgba(6, 18, 36, 0) 100%);
	opacity: var(--hdr-scrim); transition: opacity 250ms ease;
}
/* Dim the page while a mega menu is open (Dolphin style). */
.dasic-header::after {
	content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; z-index: -1; pointer-events: none;
	background: rgba(11, 27, 51, 0.38); opacity: 0; transition: opacity 250ms ease;
}
@media (min-width: 1024px) and (hover: hover) {
	.dasic-header:has(.wp-block-navigation__container > .has-child:hover)::after { opacity: 1; }
}

/* Top bar */
.dasic-topbar {
	height: var(--dasic-topbar-h); display: flex; flex-direction: column; justify-content: center; overflow: hidden;
	font-size: 0.75rem; border-bottom: 1px solid var(--hdr-line); transition: margin-top 300ms ease, border-color 250ms ease;
	padding-block: 0 !important; background: transparent !important;
}
.dasic-topbar > .wp-block-group { width: 100%; }
.dasic-header.is-scrolled .dasic-topbar { margin-top: calc(-1 * var(--dasic-topbar-h)); }
.dasic-topbar p, .dasic-topbar .dasic-contact { margin: 0; color: var(--hdr-muted); }
.dasic-topbar a { color: var(--hdr-fg) !important; text-decoration: none; font-weight: 500; }
.dasic-topbar a:hover { color: var(--hdr-accent) !important; }
.dasic-topbar .dasic-contact__icon { color: var(--hdr-accent); }
.dasic-topbar__badges { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.6875rem; }
@media (max-width: 781px) { .dasic-topbar__badges { display: none !important; } .dasic-topbar > .wp-block-group { justify-content: flex-end !important; } }

/* Main bar */
.dasic-mainbar { position: relative; padding-block: 0 !important; background: transparent !important; }
.dasic-mainbar__inner { min-height: var(--dasic-bar-h); }
.dasic-mainbar .wp-block-site-logo { line-height: 0; flex: 0 0 auto; }
.dasic-mainbar .wp-block-site-logo a { display: block; }
.dasic-mainbar .wp-block-site-logo img { width: auto !important; height: 46px !important; max-height: none; }
.dasic-logo-swap img:not(.dasic-logo-dark) { display: var(--hdr-logo-light); }
.dasic-logo-swap img.dasic-logo-dark { display: var(--hdr-logo-dark); }
.dasic-footer .dasic-logo-dark { display: none !important; }
@media (max-width: 1023px) { .dasic-mainbar .wp-block-site-logo img { height: 38px !important; } }
.dasic-mainbar__right { color: var(--hdr-fg); }
.dasic-mainbar__right .dasic-contact a { color: var(--hdr-fg); }

/* Primary navigation: top level */
.dasic-mainbar .wp-block-navigation { color: var(--hdr-fg); font-size: 0.75rem; font-weight: 500; }
.dasic-mainbar .wp-block-navigation__container { gap: clamp(1rem, 2vw, 2.25rem); }
.dasic-mainbar .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	color: var(--hdr-fg); text-decoration: none; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.4rem 0; position: relative;
}
.dasic-mainbar .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--hdr-accent);
	transform: scaleX(0); transform-origin: left; transition: transform 250ms ease;
}
.dasic-mainbar .wp-block-navigation__container > .wp-block-navigation-item:is(:hover, :focus-within) > .wp-block-navigation-item__content::after,
.dasic-mainbar .wp-block-navigation__container > :is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.dasic-mainbar .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon { color: var(--hdr-fg); opacity: 0.6; width: 8px; height: 8px; margin-left: 0.35rem; padding: 0; }
.dasic-mainbar .wp-block-navigation__submenu-icon svg { stroke-width: 2; }
.wp-block-navigation-item__description { display: none; }

/* Mega menu panels (desktop) */
@media (min-width: 1024px) {
	.dasic-mainbar :is(.wp-block-navigation, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content, .wp-block-navigation__container, .wp-block-navigation__container > .wp-block-navigation-item) { position: static !important; }
	.dasic-mainbar .wp-block-navigation__container > .wp-block-navigation-item { height: var(--dasic-bar-h); }

	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
		position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important;
		width: auto !important; height: auto !important; min-width: 0 !important; overflow: visible !important;
		display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row dense; column-gap: clamp(1.5rem, 3vw, 3rem); row-gap: 0;
		padding: 2.75rem max(var(--wp--style--root--padding-left, 1.25rem), calc((100% - 1280px) / 2)) 3rem !important;
		background: #fff !important; color: var(--dasic-ink) !important; border: 0 !important; border-top: 1px solid var(--dasic-line) !important; border-radius: 0 !important;
		box-shadow: 0 30px 60px rgba(11, 27, 51, 0.12) !important;
		visibility: hidden; opacity: 0; transform: translateY(-6px);
		transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms !important;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child.is-cols-5 > .wp-block-navigation__submenu-container { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.dasic-mainbar .wp-block-navigation__container > .has-child:is(:hover, :focus-within) > .wp-block-navigation__submenu-container,
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		visibility: visible !important; opacity: 1 !important; transform: none;
		transition: opacity 200ms ease 60ms, transform 200ms ease 60ms, visibility 0s linear 0s !important;
	}

	/* Every link inside a panel */
	.dasic-mainbar .wp-block-navigation__submenu-container .wp-block-navigation-item { display: block; background: transparent; }
	.dasic-mainbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: block !important; padding: 0 !important; color: var(--dasic-navy) !important; text-decoration: none; line-height: 1.35; border-radius: 0;
	}
	.dasic-mainbar .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { display: none !important; }

	/* Single links (Industries, Services…): uppercase label + grey description */
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item:not(.has-child):not(.is-intro):not(.is-promo) { padding: 0 0 1.6rem; }
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label {
		font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; transition: color 150ms ease;
	}
	.dasic-mainbar .wp-block-navigation__submenu-container .wp-block-navigation-item__description {
		display: block; margin-top: 0.35rem; font-size: 0.875rem; font-weight: 400; color: var(--dasic-slate); letter-spacing: 0; text-transform: none; line-height: 1.45;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item:not(.is-promo) > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label { color: var(--dasic-teal-dark); }

	/* Column groups (Products): heading with a short line beneath, then the list */
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .has-child { padding-bottom: 1.5rem; }
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content {
		font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dasic-navy) !important;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content::after {
		content: ""; display: block; width: 28px; height: 2px; background: var(--dasic-teal); margin: 0.8rem 0 0.9rem;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content:hover { color: var(--dasic-teal-dark) !important; }
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		position: static !important; visibility: inherit !important; opacity: 1 !important; width: auto !important; height: auto !important; min-width: 0 !important;
		overflow: visible !important; display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; transform: none !important;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { display: none; }
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-size: 0.875rem; font-weight: 400; color: var(--dasic-slate) !important; padding: 0.3rem 0 !important; transition: color 150ms ease, padding 150ms ease;
	}
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--dasic-navy) !important; padding-left: 0.25rem !important; }

	/* Intro column (left) */
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .is-intro { grid-column: 1; grid-row: 1 / span 12; padding-right: clamp(1.5rem, 3vw, 3rem); border-right: 1px solid var(--dasic-line); align-self: stretch; }
	.dasic-mainbar .is-intro > .wp-block-navigation-item__content { display: flex !important; flex-direction: column; gap: 1.25rem; }
	.dasic-mainbar .is-intro .wp-block-navigation-item__description { order: -1; margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: 1.375rem; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; color: var(--dasic-navy); }
	.dasic-mainbar .is-intro .wp-block-navigation-item__label { color: var(--dasic-teal-dark); }
	.dasic-mainbar .is-intro .wp-block-navigation-item__label::after { content: "\2192"; margin-left: 0.5rem; display: inline-block; transition: transform 150ms ease; }
	.dasic-mainbar .is-intro > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after { transform: translateX(4px); }

	/* Promo tile (right) */
	.dasic-mainbar .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container > .is-promo { grid-column: -2 / -1; grid-row: 1 / span 12; align-self: start; }
	.dasic-mainbar .is-promo > .wp-block-navigation-item__content {
		display: flex !important; flex-direction: column; justify-content: flex-end; gap: 0.5rem; min-height: 230px; padding: 1.75rem !important; color: #fff !important;
		background: linear-gradient(180deg, rgba(11, 27, 51, 0.15) 0%, rgba(11, 27, 51, 0.92) 75%), var(--dasic-navy-deep) url("../images/hero-tank-cleaning.webp") center / cover no-repeat;
		transition: background-size 400ms ease;
	}
	.dasic-mainbar .is-promo > .wp-block-navigation-item__content::before { content: ""; width: 28px; height: 2px; background: var(--dasic-teal-light); order: 2; margin-top: 0.5rem; }
	.dasic-mainbar .is-promo .wp-block-navigation-item__label { font-family: var(--wp--preset--font-family--heading); font-size: 1.25rem !important; font-weight: 600 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: #fff; }
	.dasic-mainbar .is-promo .wp-block-navigation-item__label::after { content: " \2192"; color: var(--dasic-teal-light); }
	.dasic-mainbar .is-promo .wp-block-navigation-item__description { color: rgba(255, 255, 255, 0.82); margin: 0; order: 3; }
	.dasic-mainbar .is-promo > .wp-block-navigation-item__content:hover { background-color: var(--dasic-navy); }
}

/* Mobile overlay menu – used below 1024px (core switches at 600px). */
@media (min-width: 600px) and (max-width: 1023px) {
	.dasic-mainbar .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.dasic-mainbar .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.dasic-mainbar .wp-block-navigation__responsive-container-open { color: var(--hdr-fg); padding: 0.5rem; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--dasic-navy-deep) !important; color: #fff !important;
	padding: 1.5rem clamp(1.25rem, 5vw, 2.5rem) 6rem; overflow-y: auto;
}
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch; padding-top: 3.5rem; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0; width: 100%; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; align-items: stretch; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--heading); font-size: 1.25rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: #fff;
	padding: 0.85rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%;
}
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding: 0.5rem 0 0.75rem 0 !important; gap: 0 !important; background: transparent !important; border: 0 !important; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: rgba(255, 255, 255, 0.78) !important; padding: 0.35rem 0 !important; font-size: 1rem; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content { color: var(--dasic-teal-light) !important; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding-top: 0.75rem !important; }
/* On phones the Products columns collapse to their range links to keep the menu short. */
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { display: none !important; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content { color: rgba(255, 255, 255, 0.78) !important; font-size: 1rem !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 0.35rem 0 !important; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open :is(.is-intro, .is-promo) { display: none !important; }
.dasic-mainbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none; }
.dasic-mainbar .wp-block-navigation__responsive-container-close { color: #fff; top: 1.25rem; right: 1.25rem; }

.dasic-header__cta .wp-block-button__link { white-space: nowrap; padding: 0.95em 1.5em; }
@media (max-width: 1023px) {
	.dasic-header__cta { display: none !important; }
}
@media (max-width: 1023px) and (min-width: 600px) {
	.dasic-header__cta.is-tablet-visible { display: flex !important; }
}

/* ==========================================================================
   Footer & sitewide enquiry band
   ========================================================================== */
.dasic-enquiry-band { position: relative; overflow: hidden; }
.dasic-enquiry-band::before {
	display: none; content: ""; position: absolute; width: 900px; height: 900px; right: -320px; top: -420px; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(31, 157, 154, 0.28), rgba(31, 157, 154, 0));
	pointer-events: none;
}
.dasic-enquiry-band > * { position: relative; }

.dasic-footer a { color: rgba(255, 255, 255, 0.82); text-decoration: none; }
.dasic-footer a:hover { color: var(--dasic-teal-light); }
.dasic-footer .wp-block-heading { font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; color: #fff; }
.dasic-footer .wp-block-heading::after { content: ""; display: block; width: 24px; height: 2px; background: var(--dasic-teal-light); margin-top: 0.85rem; }
.dasic-footer .is-style-links li { padding-block: 0.3rem; border: 0; }
.dasic-footer .is-style-links li a::after { display: none; }
.dasic-footer .wp-block-site-logo img { max-height: 52px; width: auto; }
.dasic-footer__legal a { text-decoration: none; }
.dasic-footer__legal p { color: rgba(255, 255, 255, 0.6) !important; }

/* Mobile call / enquire bar */
.dasic-actionbar { display: none; }
@media (max-width: 781px) {
	.dasic-actionbar {
		display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom));
		background: rgba(11, 27, 51, 0.96); backdrop-filter: blur(8px);
		box-shadow: 0 -8px 24px rgba(6, 18, 36, 0.25);
		transform: translateY(110%); transition: transform 260ms ease;
	}
	.dasic-actionbar.is-visible { transform: none; }
	.dasic-actionbar > * { margin: 0 !important; }
	.dasic-actionbar .dasic-contact { display: block; }
	.dasic-actionbar .dasic-contact__icon { display: none; }
	.dasic-actionbar .dasic-contact a { color: #fff; }
	.dasic-actionbar a {
		display: flex; align-items: center; justify-content: center; gap: 0.5rem;
		padding: 0.8rem 0.5rem; border-radius: var(--dasic-r-s); font-weight: 600; font-size: 0.9375rem; text-decoration: none;
		color: #fff; border: 1px solid rgba(255, 255, 255, 0.3);
	}
	.dasic-actionbar a.is-primary { background: var(--dasic-teal-dark); border-color: var(--dasic-teal-dark); }
	body.has-actionbar .dasic-footer { padding-bottom: calc(var(--wp--preset--spacing--40) + 76px) !important; }
}

/* ==========================================================================
   Block style variations
   ========================================================================== */

/* Paragraph */
.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--dasic-teal-dark);
	line-height: 1.4;
	display: block;
}
.is-style-eyebrow::after { content: ""; display: block; width: 32px; height: 2px; background: var(--dasic-teal); margin-top: 0.95rem; margin-bottom: 0.35rem; }
.is-style-eyebrow.has-text-align-center::after { margin-inline: auto; }
.is-style-eyebrow.has-text-align-right::after { margin-left: auto; }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) .is-style-eyebrow::after { background: var(--dasic-teal-light); }
.is-style-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.6; color: var(--dasic-slate); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) .is-style-lead { color: rgba(255, 255, 255, 0.84); }

/* Heading */
.wp-block-heading.is-style-accent-bar::after { content: ""; display: block; width: 32px; height: 2px; background: var(--dasic-teal); margin-top: 0.7em; }
.wp-block-heading.is-style-accent-bar.has-text-align-center::after { margin-inline: auto; }

/* Group cards */
.is-style-card, .is-style-card-link, .is-style-card-dark {
	border-radius: var(--dasic-r-m);
	padding: clamp(1.25rem, 2.5vw, 2rem);
}
.is-style-card, .is-style-card-link { background: #fff; box-shadow: none; border: 1px solid var(--dasic-line); }
.is-style-card-dark { background: var(--dasic-navy); }
.is-style-card-link { position: relative; transition: transform var(--dasic-ease), box-shadow var(--dasic-ease), border-color var(--dasic-ease); }
.is-style-card-link:hover { border-color: var(--dasic-navy); box-shadow: 0 18px 40px rgba(11, 27, 51, 0.08); }
.is-style-card-link :where(h2, h3, h4) a { text-decoration: none; color: inherit; }
.is-style-card-link :where(h2, h3, h4) a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.is-style-card-link .wp-block-buttons { position: relative; z-index: 2; }
.is-style-card > .wp-block-image:first-child, .is-style-card-link > .wp-block-image:first-child { margin: calc(-1 * clamp(1.25rem, 2.5vw, 2rem)) calc(-1 * clamp(1.25rem, 2.5vw, 2rem)) 1.25rem; }
.is-style-card > .wp-block-image:first-child img, .is-style-card-link > .wp-block-image:first-child img { border-radius: var(--dasic-r-m) var(--dasic-r-m) 0 0; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.is-style-glass {
	background: rgba(11, 27, 51, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--dasic-r-m); padding: clamp(1.25rem, 2.5vw, 2rem);
}
.is-style-teal-edge { border-left: 4px solid var(--dasic-teal); padding-left: clamp(1rem, 2vw, 1.5rem); }

/* Curved section edges (Dasic signature) */
.is-style-curve-top, .is-style-curve-bottom { position: relative; }
/* Square edges throughout: the old curve styles are kept so existing content still validates, but render square. */
.is-style-curve-top, .is-style-curve-bottom, .wp-block-cover.is-style-hero-curve { border-radius: 0 !important; }

/* Cover as image card (link tile) */
.wp-block-cover.is-style-card-image { border-radius: var(--dasic-r-m); overflow: hidden; min-height: 320px !important; align-items: flex-end; padding: clamp(1.25rem, 2.5vw, 1.75rem); transition: transform var(--dasic-ease), box-shadow var(--dasic-ease); }
.wp-block-cover.is-style-card-image .wp-block-cover__image-background { transition: transform 600ms cubic-bezier(.2, .7, .3, 1); }
.wp-block-cover.is-style-card-image:hover { transform: none; }
.wp-block-cover.is-style-card-image:hover .wp-block-cover__image-background { transform: scale(1.05); }
.wp-block-cover.is-style-card-image .wp-block-cover__background { background: linear-gradient(180deg, rgba(11, 27, 51, 0) 25%, rgba(11, 27, 51, 0.9) 100%) !important; opacity: 1 !important; }
.wp-block-cover.is-style-card-image .wp-block-cover__inner-container { width: 100%; }
.wp-block-cover.is-style-card-image :where(h2, h3, h4) { margin: 0; }
.wp-block-cover.is-style-card-image :where(h2, h3, h4) a { color: #fff; text-decoration: none; }
.wp-block-cover.is-style-card-image :where(h2, h3, h4) a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.wp-block-cover.is-style-card-image p { margin-top: 0.4rem; }

/* Columns */
.wp-block-columns.is-style-divided > .wp-block-column + .wp-block-column { border-left: 1px solid var(--dasic-line); padding-left: var(--wp--style--block-gap, 2rem); }
@media (max-width: 781px) { .wp-block-columns.is-style-divided > .wp-block-column + .wp-block-column { border-left: 0; padding-left: 0; border-top: 1px solid var(--dasic-line); padding-top: 1.5rem; } }

/* Lists */
ul.is-style-checklist, ol.is-style-checklist { list-style: none; padding-left: 0; }
.is-style-checklist li { position: relative; padding-left: 2rem; margin-block: 0.55rem; }
.is-style-checklist li::before {
	content: ""; position: absolute; left: 0; top: 0.2em; width: 1.25rem; height: 1.25rem; border-radius: 0;
	background: var(--dasic-teal-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23177D7B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark, .is-style-card-dark) .is-style-checklist li::before { background-color: rgba(111, 214, 209, 0.16); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236FD6D1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
ul.is-style-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.is-style-chips li { margin: 0; padding: 0.5rem 0.9rem; border-radius: 0; background: transparent; border: 1px solid var(--dasic-line); color: var(--dasic-navy); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.is-style-chips li a { text-decoration: none; color: inherit; }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark) .is-style-chips li { background: transparent; border-color: rgba(255, 255, 255, 0.25); color: #fff; }
ol.is-style-steps { list-style: none; counter-reset: dstep; padding: 0; display: grid; gap: 1.25rem; }
.is-style-steps li { counter-increment: dstep; position: relative; padding-left: 3.75rem; min-height: 2.75rem; }
.is-style-steps li::before {
	content: counter(dstep, decimal-leading-zero); position: absolute; left: 0; top: -0.1rem;
	width: 2.75rem; height: 2.75rem; border-radius: 0; display: grid; place-items: center;
	background: var(--dasic-navy); color: var(--dasic-teal-light); font-weight: 600; font-family: var(--wp--preset--font-family--heading); font-size: 0.875rem;
}
ul.is-style-links { list-style: none; padding: 0; }
.is-style-links li { border-bottom: 1px solid var(--dasic-line); }
.is-style-links li a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.8rem 0; text-decoration: none; font-weight: 600; color: var(--dasic-navy); }
.is-style-links li a::after { content: "→"; color: var(--dasic-teal); transition: transform var(--dasic-ease); }
.is-style-links li a:hover::after { transform: translateX(4px); }

/* Tables */
.wp-block-table.is-style-spec table, .wp-block-table.is-style-data table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--small); }
.wp-block-table.is-style-spec td, .wp-block-table.is-style-spec th { border: 0; border-bottom: 1px solid var(--dasic-line); padding: 0.85rem 0.25rem; text-align: left; vertical-align: top; }
.wp-block-table.is-style-spec tr td:first-child { color: var(--dasic-slate); width: 48%; }
.wp-block-table.is-style-spec tr td:last-child { color: var(--dasic-navy); font-weight: 650; }
.wp-block-table.is-style-data { overflow-x: auto; border-radius: 0; box-shadow: none; border: 1px solid var(--dasic-line); background: #fff; }
.wp-block-table.is-style-data table { min-width: 520px; }
.wp-block-table.is-style-data thead { border: 0; }
.wp-block-table.is-style-data th { background: var(--dasic-navy); color: #fff !important; font-weight: 600; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.95rem 1rem; text-align: center; border: 0; }
.wp-block-table.is-style-data td { padding: 0.75rem 1rem; text-align: center; border: 0; border-bottom: 1px solid var(--dasic-line); color: var(--dasic-ink) !important; }
.wp-block-table.is-style-data td:first-child, .wp-block-table.is-style-data th:first-child { text-align: left; font-weight: 650; }
.wp-block-table.is-style-data td:first-child { color: var(--dasic-navy) !important; background: rgba(234, 244, 244, 0.6); }
.wp-block-table.is-style-data tbody tr:nth-child(even) td { background-color: var(--dasic-mist); }
.wp-block-table.is-style-data tbody tr:nth-child(even) td:first-child { background-color: var(--dasic-teal-pale); }
.wp-block-table.is-style-data tbody tr:hover td { background-color: var(--dasic-teal-pale); }
.wp-block-table figcaption { text-align: left; margin-top: 0.75rem; }

/* Buttons */
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--dasic-navy); border: 1.5px solid currentColor; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--dasic-navy); color: #fff; border-color: var(--dasic-navy); }
.wp-block-button.is-style-ghost-light .wp-block-button__link { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.55); }
.wp-block-button.is-style-ghost-light .wp-block-button__link:hover { background: #fff; color: var(--dasic-navy); border-color: #fff; }
.wp-block-button.is-style-light .wp-block-button__link { background: #fff; color: var(--dasic-navy); }
.wp-block-button.is-style-light .wp-block-button__link:hover { background: var(--dasic-teal-light); color: var(--dasic-navy-deep); }
.wp-block-button.is-style-arrow-link .wp-block-button__link { background: transparent; color: var(--dasic-teal-dark); padding: 0.4em 0; border-radius: 0; font-weight: 600; display: inline-flex; gap: 0.6em; align-items: center; }
.wp-block-button.is-style-arrow-link .wp-block-button__link::after { content: "→"; transition: transform var(--dasic-ease); }
.wp-block-button.is-style-arrow-link .wp-block-button__link:hover { color: var(--dasic-navy); transform: none; }
.wp-block-button.is-style-arrow-link .wp-block-button__link:hover::after { transform: translateX(4px); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark, .is-style-card-dark) .wp-block-button.is-style-arrow-link .wp-block-button__link { color: var(--dasic-teal-light); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark, .is-style-card-dark) .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark, .is-style-card-dark) .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-background):hover { background: var(--dasic-teal); }

/* Images */
.wp-block-image.is-style-rounded img, .wp-block-image.is-style-rounded :is(img, .components-placeholder) { border-radius: 0 !important; }
.wp-block-image.is-style-framed img { border-radius: 0; box-shadow: none; }

/* FAQ (details) */
.wp-block-details { transition: background-color var(--dasic-ease); }
.wp-block-details.is-style-faq { border-bottom: 1px solid var(--dasic-line); padding: 0; margin: 0; }
.wp-block-details.is-style-faq + .wp-block-details.is-style-faq { margin-top: 0; }
.wp-block-details.is-style-faq summary {
	list-style: none; cursor: pointer; padding: 1.25rem 3rem 1.25rem 0; position: relative;
	font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--large); color: var(--dasic-navy);
}
.wp-block-details.is-style-faq summary::-webkit-details-marker { display: none; }
.wp-block-details.is-style-faq summary::after {
	content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
	width: 2rem; height: 2rem; border-radius: 0; display: grid; place-items: center; line-height: 1;
	background: transparent; border: 1px solid var(--dasic-line); color: var(--dasic-navy); font-size: 1.125rem; font-weight: 400; transition: transform var(--dasic-ease), background-color var(--dasic-ease);
}
.wp-block-details.is-style-faq[open] summary::after { content: "–"; background: var(--dasic-navy); border-color: var(--dasic-navy); color: #fff; }
.wp-block-details.is-style-faq > :not(summary) { padding-bottom: 1.25rem; margin-top: 0; color: var(--dasic-ink); max-width: 72ch; }

/* File download card */
.wp-block-file.is-style-download-card {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	padding: 1rem 1.25rem; border: 1px solid var(--dasic-line); border-radius: var(--dasic-r-m); background: #fff;
	transition: border-color var(--dasic-ease), box-shadow var(--dasic-ease);
}
.wp-block-file.is-style-download-card:hover { border-color: var(--dasic-navy); box-shadow: none; }
.wp-block-file.is-style-download-card > a:first-child { font-weight: 650; color: var(--dasic-navy); text-decoration: none; display: flex; align-items: center; gap: 0.75rem; }
.wp-block-file.is-style-download-card > a:first-child::before {
	content: "PDF"; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.06em; color: #fff; background: var(--dasic-navy);
	border-radius: 0; padding: 0.45rem 0.4rem; flex: 0 0 auto;
}
.wp-block-file.is-style-download-card .wp-block-file__button { background: var(--dasic-teal-dark); border-radius: 0; padding: 0.75em 1.2em; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }

/* Separators */
.wp-block-separator.is-style-accent { width: 32px; border: 0; height: 2px; background: var(--dasic-teal) !important; opacity: 1; margin-left: 0; }
.wp-block-separator.is-style-accent.aligncenter { margin-inline: auto; }

/* Testimonial */
.wp-block-quote.is-style-testimonial {
	border: 0; border-left: 2px solid var(--dasic-teal); padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 0; background: #fff; box-shadow: none;
	position: relative; margin: 0;
}
.wp-block-quote.is-style-testimonial::before {
	content: "“"; position: absolute; top: -0.15em; left: 0.45em; font-family: Georgia, serif; font-size: 6rem; line-height: 1; color: var(--dasic-teal-light);
}
.wp-block-quote.is-style-testimonial p { font-size: var(--wp--preset--font-size--large); color: var(--dasic-navy); position: relative; }
.wp-block-quote.is-style-testimonial cite { display: block; margin-top: 1rem; font-style: normal; font-size: var(--wp--preset--font-size--small); color: var(--dasic-slate); }
.wp-block-quote.is-style-testimonial cite strong { color: var(--dasic-navy); display: block; }

/* ==========================================================================
   Dasic blocks
   ========================================================================== */

/* Stat */
.dasic-stat { --dasic-stat-accent: var(--dasic-teal-dark); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .wp-block-cover, .dasic-dark, .is-style-card-dark) .dasic-stat { --dasic-stat-accent: var(--dasic-teal-light); }
.dasic-stat .dasic-stat__value {
	margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 500; letter-spacing: -0.04em; line-height: 1;
	font-size: clamp(2.5rem, 5vw, 3.75rem); color: var(--dasic-stat-accent); font-variant-numeric: tabular-nums;
}
.dasic-stat .dasic-stat__prefix { font-size: 0.45em; font-weight: 700; letter-spacing: 0; margin-right: 0.15em; vertical-align: 0.6em; }
.dasic-stat .dasic-stat__suffix { font-size: 0.55em; margin-left: 0.05em; }
.dasic-stat .dasic-stat__label { margin: 0.6rem 0 0; font-size: var(--wp--preset--font-size--small); line-height: 1.45; font-weight: 500; max-width: 26ch; }
.dasic-stat.has-text-align-center .dasic-stat__label { margin-inline: auto; }
.dasic-stat.has-text-align-center { text-align: center; }
.dasic-stat.has-text-align-right { text-align: right; }

/* Icon */
.dasic-icon { --s: var(--dasic-icon-size, 56px); display: flex; width: var(--s); height: var(--s); align-items: center; justify-content: center; color: var(--dasic-teal-dark); flex: 0 0 auto; }
.dasic-icon.aligncenter { margin-inline: auto; }
.dasic-icon .dasic-icon__svg { display: flex; line-height: 0; }
.dasic-icon.is-shape-circle { border: 1px solid currentColor; border-radius: 0; }
.dasic-icon.is-shape-filled { border-radius: 0; background: var(--dasic-teal-pale); }
.dasic-icon.is-shape-square { border-radius: 0; background: var(--dasic-teal-pale); }
.dasic-icon.is-tone-navy { color: var(--dasic-navy); }
.dasic-icon.is-tone-light { color: var(--dasic-teal-light); }
.dasic-icon.is-tone-light.is-shape-filled, .dasic-icon.is-tone-light.is-shape-square { background: rgba(111, 214, 209, 0.14); }
.dasic-icon.is-tone-navy.is-shape-filled, .dasic-icon.is-tone-navy.is-shape-square { background: var(--dasic-mist); }

/* Section curve */
.dasic-divider { display: block; height: var(--dasic-divider-h, 90px); line-height: 0; position: relative; overflow: hidden; margin-block: 0 !important; }
.dasic-divider svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.dasic-divider.is-flipped svg { transform: scaleX(-1); }
@media (max-width: 781px) { .dasic-divider { height: calc(var(--dasic-divider-h, 90px) * 0.55); } }

/* Contact detail */
.dasic-contact { display: flex; align-items: flex-start; gap: 0.6rem; margin: 0; }
.dasic-contact__icon { color: var(--dasic-teal); display: inline-flex; line-height: 0; margin-top: 0.2em; flex: 0 0 auto; }
.dasic-contact a { text-decoration: none; font-weight: 600; }
.dasic-contact a:hover { text-decoration: underline; }
.dasic-contact.is-empty { color: #b45309; font-size: 0.8125rem; }

/* Breadcrumbs */
.dasic-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; padding: 0; margin: 0; font-size: var(--wp--preset--font-size--x-small); }
.dasic-breadcrumbs li { display: inline-flex; align-items: center; gap: 0.5rem; color: inherit; opacity: 0.9; }
.dasic-breadcrumbs li + li::before { content: "/"; opacity: 0.45; }
.dasic-breadcrumbs a { color: inherit !important; text-decoration: none; opacity: 0.8; }
.dasic-breadcrumbs a:hover { opacity: 1; text-decoration: underline; }
.dasic-breadcrumbs [aria-current] { font-weight: 600; }

/* Sub-page cards */
.dasic-subpages { display: grid; grid-template-columns: repeat(var(--dasic-cols, 3), minmax(0, 1fr)); gap: clamp(1rem, 2.2vw, 1.75rem); }
@media (max-width: 1023px) { .dasic-subpages { grid-template-columns: repeat(min(var(--dasic-cols, 3), 2), minmax(0, 1fr)); } }
@media (max-width: 600px) { .dasic-subpages { grid-template-columns: 1fr; } }
.dasic-subpages.is-empty { display: block; padding: 1.5rem; border: 2px dashed var(--dasic-line); border-radius: var(--dasic-r-m); color: var(--dasic-slate); }
.dasic-subpages__item { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 0; overflow: hidden; border: 1px solid var(--dasic-line); box-shadow: none; transition: box-shadow var(--dasic-ease), border-color var(--dasic-ease); }
.dasic-subpages__item:hover { border-color: var(--dasic-navy); box-shadow: 0 18px 40px rgba(11, 27, 51, 0.08); }
.dasic-subpages__media { aspect-ratio: 4 / 3; background: var(--dasic-navy-deep); overflow: hidden; display: grid; place-items: center; }
.dasic-subpages__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(.2, .7, .3, 1); }
.dasic-subpages__item:hover .dasic-subpages__media img { transform: scale(1.04); }
.dasic-subpages__placeholder { color: var(--dasic-teal-light); opacity: 0.6; }
.dasic-subpages__body { padding: clamp(1.1rem, 2vw, 1.5rem); display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.dasic-subpages__title { margin: 0; font-size: var(--wp--preset--font-size--large); font-weight: 600; color: var(--dasic-navy); }
.dasic-subpages__title a { color: inherit !important; text-decoration: none; }
.dasic-subpages__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dasic-subpages__excerpt { margin: 0; color: var(--dasic-slate) !important; font-size: var(--wp--preset--font-size--small); line-height: 1.55; }
.dasic-subpages__more { margin-top: auto; padding-top: 0.75rem; display: inline-flex; align-items: center; gap: 0.5rem; color: var(--dasic-teal-dark); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; }
.dasic-subpages__more svg { transition: transform var(--dasic-ease); }
.dasic-subpages__item:hover .dasic-subpages__more svg { transform: translateX(4px); }
/* tile style */
.dasic-subpages.is-variant-tile .dasic-subpages__item { border: 0; min-height: 300px; justify-content: flex-end; background: var(--dasic-navy-deep); }
.dasic-subpages.is-variant-tile .dasic-subpages__media { position: absolute; inset: 0; aspect-ratio: auto; }
.dasic-subpages.is-variant-tile .dasic-subpages__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 27, 51, 0) 30%, rgba(11, 27, 51, 0.92) 100%); }
.dasic-subpages.is-variant-tile .dasic-subpages__body { position: relative; flex: 0; }
.dasic-subpages.is-variant-tile .dasic-subpages__title { color: #fff; }
.dasic-subpages.is-variant-tile .dasic-subpages__more { color: var(--dasic-teal-light); }
/* list style */
.dasic-subpages.is-variant-list .dasic-subpages__item { box-shadow: none; }
.dasic-subpages.is-variant-list .dasic-subpages__body { padding: 1rem 1.25rem; }

/* On-this-page sticky bar */
.dasic-pagenav { position: sticky; top: var(--dasic-sticky-offset); z-index: 40; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--dasic-line); box-shadow: none; }
.dasic-pagenav__inner { max-width: var(--wp--style--global--wide-size, 1280px); margin-inline: auto; padding-inline: var(--wp--style--root--padding-left, 1.25rem); display: flex; align-items: center; gap: 1.25rem; min-height: 56px; }
.dasic-pagenav__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dasic-slate); white-space: nowrap; }
.dasic-pagenav__list { list-style: none; display: flex; gap: 0.25rem; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; flex: 1; -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
.dasic-pagenav__list::-webkit-scrollbar { display: none; }
.dasic-pagenav__list a { display: block; padding: 1.1rem 0.75rem; white-space: nowrap; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dasic-slate); text-decoration: none; border-bottom: 2px solid transparent; }
.dasic-pagenav__list a:hover { color: var(--dasic-teal-dark); }
.dasic-pagenav__list a.is-active { color: var(--dasic-navy); border-bottom-color: var(--dasic-teal); }
.dasic-pagenav__cta { flex: 0 0 auto; background: var(--dasic-teal-dark); color: #fff !important; text-decoration: none; padding: 0.75rem 1.2rem; border-radius: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.dasic-pagenav__cta:hover { background: var(--dasic-navy); }
@media (max-width: 781px) { .dasic-pagenav__label { display: none; } .dasic-pagenav__cta { display: none; } }
.dasic-pagenav:not(.is-ready):not(.is-editor-preview) { display: none; }

/* Form block + fallback */
.dasic-form-block { width: 100%; }
.dasic-form-block__editor-note { font-size: 0.8125rem; background: #fff7e6; color: #7a4b00 !important; border: 1px solid #f5d38f; border-radius: var(--dasic-r-s); padding: 0.6rem 0.8rem; margin: 0 0 1rem; }
.dasic-form-fallback { text-align: left; }
.dasic-form-fallback__title { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--large); color: var(--dasic-navy) !important; margin: 0 0 0.35rem; }
.dasic-form-fallback__text { margin: 0 0 1.25rem; color: var(--dasic-slate) !important; }
.dasic-form-fallback__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.dasic-btn {
	display: inline-flex; align-items: center; gap: 0.55rem; padding: 1rem 1.5rem; border-radius: 0;
	background: var(--dasic-teal-dark); color: #fff !important; font-weight: 600; font-size: 0.8125rem; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none !important; border: 1.5px solid var(--dasic-teal-dark);
	transition: background-color var(--dasic-ease), color var(--dasic-ease), border-color var(--dasic-ease);
}
.dasic-btn:hover { background: var(--dasic-navy); border-color: var(--dasic-navy); }
.dasic-btn.is-outline { background: transparent; color: var(--dasic-navy) !important; border-color: var(--dasic-line); }
.dasic-btn.is-outline:hover { border-color: var(--dasic-navy); }

/* Forminator forms: on-brand when the form's "Design style" is set to None or Flat. */
.dasic-form-block .forminator-ui.forminator-custom-form { margin: 0 !important; font-family: inherit !important; }
.dasic-form-block .forminator-ui .forminator-label, .dasic-form-block .forminator-ui label.forminator-label {
	font-family: inherit !important; font-size: 0.8125rem !important; font-weight: 600 !important; color: var(--dasic-navy) !important; margin-bottom: 0.35rem !important;
}
.dasic-form-block .forminator-ui :is(input.forminator-input, textarea.forminator-textarea, select.forminator-select, .forminator-select2 + .select2 .select2-selection),
.dasic-form-block :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], textarea, select) {
	width: 100%; font: inherit !important; font-size: 0.9375rem !important; color: var(--dasic-ink) !important;
	background: #fff !important; border: 1px solid var(--dasic-line) !important; border-radius: var(--dasic-r-s) !important;
	padding: 0.8rem 0.95rem !important; min-height: 48px; box-shadow: none !important; transition: border-color var(--dasic-ease), box-shadow var(--dasic-ease);
}
.dasic-form-block :is(input, textarea, select):focus { border-color: var(--dasic-teal) !important; box-shadow: 0 0 0 3px rgba(31, 157, 154, 0.18) !important; outline: none; }
.dasic-form-block .forminator-ui :is(.forminator-button-submit, .forminator-button-next),
.dasic-form-block :is(button[type="submit"], input[type="submit"]) {
	background: var(--dasic-teal-dark) !important; color: #fff !important; border: 0 !important; border-radius: var(--dasic-r-s) !important;
	padding: 1rem 1.9rem !important; font: inherit !important; font-weight: 600 !important; font-size: 0.8125rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; cursor: pointer; width: auto; min-height: 50px;
	transition: background-color var(--dasic-ease);
}
.dasic-form-block .forminator-ui :is(.forminator-button-submit, .forminator-button-next):hover,
.dasic-form-block :is(button[type="submit"], input[type="submit"]):hover { background: var(--dasic-navy) !important; }
.dasic-form-block .forminator-ui .forminator-button-back { background: transparent !important; color: var(--dasic-navy) !important; border: 1px solid var(--dasic-line) !important; border-radius: var(--dasic-r-s) !important; }
.dasic-form-block .forminator-ui .forminator-description, .dasic-form-block .forminator-ui .forminator-checkbox__label { font-size: 0.8125rem !important; color: var(--dasic-slate) !important; }
.dasic-form-block .forminator-ui .forminator-pagination-steps .forminator-break, .dasic-form-block .forminator-ui .forminator-progress-bar span { background: var(--dasic-teal) !important; }
.dasic-form-block .forminator-ui .forminator-response-message.forminator-success { background: var(--dasic-teal-pale) !important; color: var(--dasic-navy) !important; border-radius: var(--dasic-r-s); }

/* ==========================================================================
   Page-specific helpers used by patterns
   ========================================================================== */
.dasic-hero { position: relative; }
.dasic-hero .wp-block-cover__inner-container { width: 100%; }
.dasic-hero-product .wp-block-image img { filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.45)); }
.dasic-trustbar p { margin: 0; }
.dasic-trustbar .dasic-icon { --s: 36px; }
.dasic-sticky-col { position: sticky; top: calc(var(--dasic-sticky-offset) + 80px); }
.dasic-map { position: relative; }
.dasic-map img { opacity: 0.9; }
.dasic-logo-row img { filter: grayscale(1); opacity: 0.7; transition: filter var(--dasic-ease), opacity var(--dasic-ease); max-height: 56px; width: auto; }
.dasic-logo-row img:hover { filter: none; opacity: 1; }
.dasic-feature-row .dasic-icon { margin-bottom: 0.25rem; }
.dasic-cta-strip { border-radius: 0 !important; }
.dasic-numbered { counter-reset: dnum; }
.dasic-numbered > * { counter-increment: dnum; }

@media (max-width: 781px) {
	.dasic-hide-mobile { display: none !important; }
	.wp-block-cover.dasic-hero { min-height: 0 !important; }
}
@media (min-width: 782px) {
	.dasic-hide-desktop { display: none !important; }
}

/* ---------- Scroll reveal (subtle, off for reduced motion) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.dasic-js .dasic-reveal { opacity: 0; transform: translateY(18px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2, .7, .3, 1); }
	.dasic-js .dasic-reveal.is-in { opacity: 1; transform: none; }
}

/* ---------- Posts / archive ---------- */
.dasic-post-card { height: 100%; }
.dasic-post-card .wp-block-post-featured-image img { border-radius: var(--dasic-r-m); aspect-ratio: 16 / 10; object-fit: cover; }
.wp-block-post-title a { text-decoration: none; color: inherit; }
.wp-block-query-pagination { gap: 0.5rem; }
.wp-block-search__input { border: 1px solid var(--dasic-line); border-radius: var(--dasic-r-s); padding: 0.75rem 1rem; }
.wp-block-search__button { border-radius: var(--dasic-r-s); }

/* ---------- Print ---------- */
@media print {
	.dasic-header, .dasic-footer, .dasic-enquiry-band, .dasic-actionbar, .dasic-pagenav { display: none !important; }
}

/* ---------- Fixes & refinements ---------- */
.wp-block-separator:not(.is-style-dots):not(.is-style-accent) { width: 100%; border: 0; border-top: 1px solid currentColor; height: 0; opacity: 1; }
.wp-block-separator:not(.has-text-color):not(.is-style-accent) { color: var(--dasic-line); }
:is(.has-navy-background-color, .has-navy-deep-background-color, .has-navy-glow-gradient-background, .is-style-card-dark, .wp-block-cover, .dasic-dark) .wp-block-separator:not(.has-text-color):not(.is-style-accent) { color: rgba(255, 255, 255, 0.16); }
.dasic-footer ul.is-style-links li a { color: rgba(255, 255, 255, 0.74); font-weight: 400; padding: 0; display: inline; }
.dasic-footer ul.is-style-links li a:hover { color: var(--dasic-teal-light); }
.dasic-footer ul.is-style-links li { border: 0; padding: 0.3rem 0; }
.dasic-footer .dasic-contact a { color: #fff; }
.dasic-map img { mix-blend-mode: multiply; }

/* When a form sits in a card that already has its own heading, the fallback only needs the buttons. */
:is(.is-style-card, .is-style-card-dark, .is-style-glass) .dasic-form-fallback :is(.dasic-form-fallback__title, .dasic-form-fallback__text) { display: none; }

/* Forminator layout safety net: fields wrap into tidy rows in narrow cards and on phones. */
.dasic-form-block .forminator-ui .forminator-row { display: flex !important; flex-wrap: wrap !important; gap: 0 1rem; margin: 0 0 1rem !important; }
.dasic-form-block .forminator-ui .forminator-col { flex: 1 1 220px !important; max-width: 100% !important; min-width: 0; padding: 0 !important; margin-bottom: 1rem !important; }
.dasic-form-block .forminator-ui .forminator-col-12 { flex-basis: 100% !important; }
.dasic-form-block .forminator-ui .forminator-label { display: block; line-height: 1.4 !important; }
.dasic-form-block .forminator-ui textarea.forminator-textarea { min-height: 120px; }
.dasic-form-block .forminator-ui .forminator-row-last, .dasic-form-block .forminator-ui .forminator-row:last-child { margin-bottom: 0 !important; }
@media (min-width: 1100px) { .dasic-hero .dasic-trustbar { flex-wrap: nowrap !important; } .dasic-hero .dasic-trustbar p { white-space: nowrap; } }

/* ---------- Square corners throughout (also squares any radius saved in page content) ---------- */
.wp-site-blocks [style*="border-radius"] { border-radius: 0 !important; }
.wp-element-button, .wp-block-button__link, .wp-block-search__input, .wp-block-search__button,
.wp-block-image img, .wp-block-post-featured-image img, .wp-block-cover, .wp-block-group.has-background { border-radius: 0 !important; }

/* ---------- Refined type ---------- */
.wp-block-button__link { font-weight: 600; }
.wp-block-cover.dasic-hero h1, .dasic-hero h1 { font-weight: 500; letter-spacing: -0.035em; }
:where(h2.wp-block-heading) { font-weight: 600; }
.is-style-lead { font-weight: 400; }