/*
Theme Name: Home Services
Text Domain: home-services
Description: Clean action-first home services booking theme with service categories, task selection, and customer request flow.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Scoped legal-page accessibility and mobile containment. */
body.page-id-3,
body.page-id-284 {
	overflow-x: hidden;
}

body.page-id-3 article,
body.page-id-284 article,
body.page-id-3 article .prose,
body.page-id-284 article .prose,
body.page-id-3 article .wp-block-group,
body.page-id-284 article .wp-block-group {
	box-sizing: border-box !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow-wrap: anywhere;
}

body.page-id-3 article .prose,
body.page-id-284 article .prose {
	color: #334155 !important;
}

body.page-id-3 article .prose > h2,
body.page-id-284 article .prose > h2,
body.page-id-3 article > header h1,
body.page-id-284 article > header h1 {
	color: #0f172a !important;
}

body.page-id-3 article .prose a,
body.page-id-284 article .prose a {
	color: #004AAD !important;
}

html[data-theme="dark"] body.page-id-3 article .prose,
html[data-theme="dark"] body.page-id-284 article .prose,
body[data-theme="dark"].page-id-3 article .prose,
body[data-theme="dark"].page-id-284 article .prose {
	color: #d9e4f0 !important;
}

html[data-theme="dark"] body.page-id-3 article .prose > h2,
html[data-theme="dark"] body.page-id-284 article .prose > h2,
html[data-theme="dark"] body.page-id-3 article > header h1,
html[data-theme="dark"] body.page-id-284 article > header h1,
body[data-theme="dark"].page-id-3 article .prose > h2,
body[data-theme="dark"].page-id-284 article .prose > h2,
body[data-theme="dark"].page-id-3 article > header h1,
body[data-theme="dark"].page-id-284 article > header h1 {
	color: #f8fafc !important;
}

html[data-theme="dark"] body.page-id-3 article .prose a,
html[data-theme="dark"] body.page-id-284 article .prose a,
body[data-theme="dark"].page-id-3 article .prose a,
body[data-theme="dark"].page-id-284 article .prose a {
	color: #72a9ff !important;
}

body.page-id-3 article .wp-block-group.has-background,
body.page-id-284 article .wp-block-group.has-background {
	color: #334155 !important;
	width: 100% !important;
}

@media (prefers-color-scheme: dark) {
	body.page-id-3 article .prose,
	body.page-id-284 article .prose {
		color: #d9e4f0 !important;
	}

	body.page-id-3 article .prose > h2,
	body.page-id-284 article .prose > h2,
	body.page-id-3 article > header h1,
	body.page-id-284 article > header h1 {
		color: #f8fafc !important;
	}

	body.page-id-3 article .prose a,
	body.page-id-284 article .prose a {
		color: #72a9ff !important;
	}
}

@media (max-width: 700px) {
	body.page-id-3 article,
	body.page-id-284 article {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	body.page-id-3 article > header h1,
	body.page-id-284 article > header h1 {
		font-size: clamp(2rem, 10vw, 3rem) !important;
		overflow-wrap: anywhere;
	}

	body.page-id-3 article .wp-block-group.has-background,
	body.page-id-284 article .wp-block-group.has-background {
		padding: 28px 24px !important;
	}
}