/*
Theme Name: Power Outage Planner
Theme URI: https://poweroutageplanner.com
Author: Power Outage Planner (SIA Digital Publisher)
Description: Bold premium rugged-outdoor block theme for PowerOutagePlanner.com — graphite/ink base, amber "power" accent, electric-blue secondary. Calculator-first. Built from the Claude Design system. CWV-first, no page-builder dependency.
Version: 0.2.6
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: poweroutageplanner
*/

/* --- Power Outage Planner front-end polish --- */

/* Heading links read as text (not default blue underline); amber on hover */
h1 a, h2 a, h3 a, h4 a { color: inherit; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: var(--wp--preset--color--power); }

/* Tool cards: subtle lift on hover */
.wp-block-columns .wp-block-group { transition: transform .15s ease, box-shadow .15s ease; }
.wp-block-columns .wp-block-group:has(h3 a):hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,12,19,.08); }

/* --- Mobile (<=600px) --- */
@media (max-width: 600px) {
	/* tighter, less cavernous section rhythm */
	.wp-block-group.alignfull { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
	/* hero + big section headings scale down so they don't dominate the screen */
	main h1 { font-size: clamp(1.95rem, 8.5vw, 2.5rem) !important; line-height: 1.08 !important; }
	main h2:not(.has-small-font-size) { font-size: clamp(1.5rem, 6.5vw, 2rem) !important; line-height: 1.14 !important; }
	main h3:not(.has-small-font-size) { font-size: 1.25rem !important; }
	/* hero copy a touch smaller for comfortable line length */
	main h1 + p, .has-slate-200-color { font-size: 1.0625rem !important; }
	/* calculator card: tighter padding + comfortable result number */
	.pc { padding: 16px !important; }
	.pc-big { font-size: clamp(1.75rem, 8vw, 2.25rem) !important; }
	/* how-it-works big step numbers a bit smaller */
	main .wp-block-columns h3.has-x-large-font-size { font-size: 2rem !important; }
	/* header: shorter, single-line logo, robust non-collapsing CTA */
	header > .wp-block-group { padding: 0.55rem 1rem !important; }
	.wp-block-site-title a { font-size: 0.95rem !important; white-space: nowrap; }
	header .wp-block-button__link { padding: 0.4rem 0.7rem !important; font-size: 0.78rem !important; white-space: nowrap !important; }
	header .wp-block-buttons, header .wp-block-button { flex-shrink: 0 !important; }
	header .wp-block-navigation { flex-shrink: 0 !important; }
}