/*
Theme Name: Renovex Child - AAS Group
Theme URI: https://aasgroup.co.uk/
Description: Child theme of Renovex, customized for AAS Group Construction with their brand colors (red accent), fonts and button styles.
Author: AAS Group Construction
Template: renovex
Version: 1.0.17
Text Domain: renovex-child
*/

/* ==========================================================================
   AAS GROUP CONSTRUCTION - BRAND OVERRIDES
   Matches the current live site (aasgroup.co.uk) brand colors/fonts/buttons.
   Edit the values below to tweak the brand without touching the parent theme.
   ========================================================================== */

body {
	/* Base structure colors (kept from Renovex defaults) */
	--e-global-color-primary: #0D0D0D;      /* Black - headings / dark surfaces */
	--e-global-color-secondary: #F5F5F5;    /* Light grey - section backgrounds */
	--e-global-color-text: #666666;         /* Body text grey */
	--e-global-color-white: #FFFFFF;
	--e-global-color-black: #000000;
	--e-global-color-divider: #0D0D0D1A;
	--e-global-color-darkdivider: #FFFFFF1A;
	--e-global-color-background: #FFFFFF;

	/* AAS GROUP BRAND ACCENT - red instead of Renovex's default yellow */
	--e-global-color-accent: #FE212A;
	--e-global-color-accentsecondary: transparent;

	/* Fonts (same families AAS Group already uses) */
	--e-global-typography-primary-font-family: "Space Grotesk", sans-serif;
	--e-global-typography-secondary-font-family: "Space Grotesk", sans-serif;
	--e-global-typography-text-font-family: "DM Sans", sans-serif;
	--e-global-typography-accent-font-family: "Space Grotesk", sans-serif;
}

/* ---- Buttons --------------------------------------------------------- */
.elementor-button,
a.button,
button[type="submit"],
input[type="submit"] {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: 600;
	border-radius: 5px;
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.3s ease;
}

/* Real hover behaviour on aasgroup.co.uk's own buttons (checked live, e.g.
   the "Get In Touch" header button): the button flips to a WHITE background
   with dark text on hover - not the other way round. */
.elementor-button:hover,
a.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--e-global-color-white);
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

/* "Get In Touch" style button with a dark arrow icon box on the right,
   used in the header CTA. */
.header-cta,
.aas-cta-dark {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-accent);
	border-radius: 5px;
	font-weight: 600;
}
.header-cta:hover,
.aas-cta-dark:hover {
	background-color: var(--e-global-color-white);
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

/* ---- Navigation -------------------------------------------------------- */
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
nav a:hover,
nav a.active {
	color: var(--e-global-color-accent);
}

/* ---- Links / accents ---------------------------------------------------- */
a {
	color: var(--e-global-color-accent);
}

::selection {
	background: var(--e-global-color-accent);
	color: var(--e-global-color-white);
}

/* ---- Fix: "Skip to main content" link showing permanently -----------------
   An accessibility plugin on this site outputs a second skip-link
   (class="skip-link", no screen-reader-text class) that was left visible.
   This hides it off-screen until a keyboard user actually tabs to it,
   same as the theme's own "Skip to content" link. */
a.skip-link:not(.screen-reader-text) {
	position: absolute !important;
	left: -9999px !important;
	top: 0;
	z-index: 999999;
	background: var(--e-global-color-primary);
	color: var(--e-global-color-white);
	padding: 10px 18px;
	border-radius: 0 0 5px 0;
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: 600;
	text-decoration: none;
}
a.skip-link:not(.screen-reader-text):focus {
	left: 0 !important;
}