/*
Theme Name: DIY Solar
Theme URI: https://diysolar.fertile.build/
Author: DIY Solar
Description: Bespoke theme for DIY Solar — quality DIY solar systems. Mulish + Manrope typography, navy/orange brand palette, kit-builder + shop homepage.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.9
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: diysolar
*/

/* ============================================================================
 * Theme stylesheet — scaffold only. Per-template CSS is enqueued from
 * assets/css/<scope>.css. Global rules (typography, layout primitives,
 * header/footer chrome) live below, scoped under .diy wrapper class to keep
 * them off any wp-admin pages that load this stylesheet.
 *
 * Fonts: Mulish + Manrope (woff2 in assets/fonts/, declared per-template).
 * ============================================================================ */

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: 'Mulish', system-ui, sans-serif; color: #0E2444; background: #ffffff; }

/* Accordion chevron rotation — synchronised with the JS height animation
   (assets/js/accordion.js). Applies wherever `[data-accordion] > details.acc-item`
   is used on the site (homepage sections, FAQ, and any future accordions). */
.acc-item .acc-chev { transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 200ms ease, background 200ms ease; }
.acc-item.is-opening .acc-chev { transform: rotate(180deg); background: var(--orange, #F2A93A); color: var(--navy, #0E2444); }
.acc-item.is-closing .acc-chev { transform: rotate(0); background: rgba(14,36,68,0.04); color: var(--ink-muted, #5B6A7E); }