/*
Theme Name:   WOLF Child
Theme URI:    https://upvising.io/
Description:  Starter child theme for WOLF. Per-site overrides live here so the parent stays shared and updatable. Copy this folder per client (wolf-step, wolf-otw, …) and rename it in the header below.
Author:       Upvising Limited
Author URI:   https://upvising.io/
Template:     wolf
Version:      1.1.0
Requires PHP: 8.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  wolf-child
*/

/* -------------------------------------------------------
   Site-specific CSS goes here.

   BEAT shared.css ON SPECIFICITY, NEVER ON ORDER. The parent
   re-links css/shared.css after wp_head() as a cache failsafe
   (wolf/header.php), so it is the LAST stylesheet on every
   page — after this file. A plain selector that merely ties
   with a shared.css rule loses, and reads as "my CSS isn't
   loading". Add a class or an `html` prefix:

     html body.has-solid-header .site-main { padding-top: 90px; }

   Colours and sizes belong in WOLF → Theme Settings, not here:
   they are stored per site and survive theme updates. Use this
   file for structural overrides the settings do not cover.
   ------------------------------------------------------- */

/* Redefine a token on html:root with !important, never on the element that
   uses it. Two reasons. The content offset below the header reads
   --header-height too, so scoping it to .site-header would move the bar and
   leave the page under it. And inc/dynamic-css.php writes the settings block
   as `html:root{...}` on wp_head priority 100 — after this file, at equal
   specificity — so a plain :root here wins only while the matching setting
   sits at its shipped default, and loses the moment a client edits it.

   Example — a taller header on one site only:

html:root { --header-height: 140px !important; }

*/