/*
Theme Name: Power H2O
Theme URI: https://powerh2o.example
Author: Power H2O
Description: Pressure washing & carpet cleaning marketing theme for Metro Atlanta. Content is editable via Advanced Custom Fields (ACF PRO). The visual layer lives in main.css; this file only carries the required WordPress theme header.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: power-h2o
*/

/* The real stylesheet is main.css (enqueued in functions.php). The rules below
   are the WordPress adaptation layer: the design CSS files are kept verbatim,
   so anything the CMS context changes lives here instead. */

/* Slimmer promo bar, matching the design's announcement bar (13.5px type,
   9px vertical padding, ~38px tall). main.css shipped 46px/14px. */
.promo-bar { height: 38px; font-size: 13.5px; }

/* Offset the fixed nav below the promo bar. The prototype set this as an
   inline <style> in each HTML file; the nav and hero both read var(--nav-top). */
:root { --nav-top: 38px; }

/* Offers hero: landing.css gave .lp-hero 84px top padding because the
   prototype's landing header was static/sticky (in flow). Under the theme's
   fixed promo bar + nav (~86px), the hero must clear that chrome itself. */
.pagename-offers .lp-hero { padding-top: calc(170px + var(--nav-top)); }

/* Service pages: detail.css starts the breadcrumb at 110px, which barely
   ducks under the fixed chrome; give it proper clearance. */
.page-template-template-service .breadcrumb { padding-top: calc(110px + var(--nav-top)); }

/* Service page FAQ: detail.css relies on the React inline max-height to open
   answers; theme.js only toggles .open, so release the height here. */
.page-template-template-service .faq-item.open .faq-a { max-height: 340px; }