/*
Theme Name: Fresh Home Cleaning Agency Theme
Theme URI: https://fhcleaning.co.za
Author: Fresh Home Cleaning Agency
Author URI: https://fhcleaning.co.za
Description: High-converting, responsive WordPress theme for Fresh Home Cleaning Agency - mobile house cleaning and garden care in East London, Eastern Cape. WhatsApp-first booking with an interactive quote form, selectable colour palettes and full Customizer editing for every homepage section.
Version: 2.32.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fresh-home-cleaning
Tags: business, services, cleaning, one-column, custom-menu, custom-logo, responsive-layout
*/

/* -------------------------------------------------------------
   Root design tokens + base layout
   Full component styles live in assets/css/main.css
   ------------------------------------------------------------- */

:root {
	/* Fallback tokens — the live values are generated from the Customizer
	   palette in inc/dynamic-css.php. */
	--fhc-primary: #F2789F;
	--fhc-primary-dark: #d95c85;
	--fhc-primary-light: #FDE7EE;
	--fhc-primary-rgb: 242, 120, 159;
	--fhc-on-primary: #FFFFFF;
	--fhc-secondary: #EFCFA5;
	--fhc-dark: #0C2340;
	--fhc-dark-soft: #274063;
	--fhc-light: #FBF1F2;

	--fhc-mint: var(--fhc-primary);
	--fhc-mint-dark: var(--fhc-primary-dark);
	--fhc-cyan: var(--fhc-secondary);
	--fhc-navy: var(--fhc-dark);
	--fhc-navy-soft: var(--fhc-dark-soft);
	--fhc-offwhite: var(--fhc-light);
	--fhc-white: #FFFFFF;
	--fhc-text: #101828;
	--fhc-muted: #5b6472;
	--fhc-border: #e6e3e6;

	--fhc-radius: 16px;
	--fhc-radius-sm: 10px;
	--fhc-radius-pill: 999px;
	--fhc-section-pad: clamp(48px, 7vw, 92px);
	--fhc-shadow: 0 10px 30px rgba(12, 35, 64, .08);
	--fhc-shadow-lg: 0 26px 70px rgba(12, 35, 64, .16);
	--fhc-container: 1200px;
	--fhc-hero-bg: linear-gradient(180deg, var(--fhc-light) 0%, #fff 78%);
	--fhc-hero-text: var(--fhc-dark);
	--fhc-hero-muted: #5b6472;
	--fhc-font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--fhc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--fhc-font);
	font-size: 16px;
	line-height: 1.65;
	color: var(--fhc-text);
	background: var(--fhc-white);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--fhc-mint-dark); text-decoration: none; }
a:hover { color: var(--fhc-cyan); }

h1, h2, h3, h4, h5 {
	font-family: var(--fhc-font-heading);
	color: var(--fhc-navy);
	line-height: 1.18;
	margin: 0 0 .5em;
	font-weight: 800;
	letter-spacing: -0.02em;
}

h1 { font-size: clamp(2rem, 5vw, 3.4rem); }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); }

p { margin: 0 0 1rem; }

.fhc-container {
	width: 100%;
	max-width: var(--fhc-container);
	margin-inline: auto;
	padding-inline: 20px;
}

.fhc-section { padding: var(--fhc-section-pad) 0; }
.fhc-section--alt { background: var(--fhc-offwhite); }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%); white-space: nowrap;
}

.skip-link:focus {
	position: fixed; top: 12px; left: 12px; z-index: 9999;
	background: var(--fhc-navy); color: #fff; padding: 10px 16px;
	border-radius: var(--fhc-radius-sm);
}