/*
Theme Name: Safety and Security Solutions
Theme URI: https://www.securitysafety.ie
Description: Child theme of Hello Elementor for Safety and Security Solutions. Holds the brand palette, type scale and section helpers for the 2026 rebuild.
Author: Neon Digital
Author URI: https://www.neon.ie
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: securitysafety-child
Tags: elementor, child-theme
*/

/* ---------------------------------------------------------------
   Brand tokens
   Navy and blue come from the logo. Green is the action colour.
   --------------------------------------------------------------- */

:root {
	--sass-navy: #0A2540;
	--sass-ink: #0A1F33;
	--sass-blue: #1070B8;
	--sass-blue-soft: #C6E0F4;
	--sass-blue-mid: #6AA6D8;
	--sass-green: #0F7A3A;
	--sass-green-dark: #0B5D2E;
	--sass-green-text: #0B6A33;
	--sass-tint: #D9EADC;
	--sass-bg: #F6F8F4;
	--sass-surface: #FFFFFF;
	--sass-muted: #3A4B5C;
	--sass-line: #B9C9BE;
	--sass-radius: 4px;
}

/* ---------------------------------------------------------------
   Type
   --------------------------------------------------------------- */

body {
	color: var(--sass-ink);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	letter-spacing: -0.025em;
	text-wrap: balance;
}

/* ---------------------------------------------------------------
   Section helpers, applied as CSS classes on Elementor containers
   --------------------------------------------------------------- */

.sass-band {
	background: var(--sass-navy);
	color: #FFFFFF;
}

.sass-band h1,
.sass-band h2,
.sass-band h3,
.sass-band p {
	color: #FFFFFF;
}

.sass-hero {
	background: var(--sass-blue-soft);
}

.sass-cta {
	background: var(--sass-green-dark);
	color: #FFFFFF;
}

.sass-cta h2,
.sass-cta p,
.sass-cta a:not(.elementor-button) {
	color: #FFFFFF;
}

.sass-tint {
	background: var(--sass-tint);
}

/* Logo tiles in the trust strip */
.sass-trust-tile {
	background: #FFFFFF;
	border-radius: var(--sass-radius);
}

/* Card edges stay square-ish across the site */
.sass-card {
	background: var(--sass-surface);
	border: 1px solid var(--sass-line);
	border-radius: var(--sass-radius);
}

/* ---------------------------------------------------------------
   Focus states, so keyboard users can see where they are
   --------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
	outline: 2px solid var(--sass-green);
	outline-offset: 2px;
	border-radius: 2px;
}

.sass-band a:focus-visible,
.sass-cta a:focus-visible {
	outline-color: #FFFFFF;
}

/* ---------------------------------------------------------------
   Skip link
   --------------------------------------------------------------- */

.skip-link.screen-reader-text:focus {
	background: #FFFFFF;
	color: var(--sass-ink);
	border-radius: var(--sass-radius);
	padding: 12px 20px;
	z-index: 1000;
}

/* ---------------------------------------------------------------
   Respect reduced motion
   --------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}