/*
Theme Name:   OrientAC3.0
Theme URI:    https://orientairconditioning.com/
Description:  Child theme of Astra for Orient Air Conditioning. Carries the hand-built page templates (home, services hub, the three service detail pages, contact, about, the Nugegoda local landing page and the Locations hub) and the blog (archive and single post). Home, the services hub, all three service pages (Residential, Office, Commercial & Industrial) the contact page, the about page, the Nugegoda landing page, the Locations hub and the blog run the heta.peerduck.com-based design system. The site header and footer are left to the Elementor Theme Builder, which every template pulls in through get_header() / get_footer().
Author:       Orient Air Conditioning
Author URI:   https://orientairconditioning.com/
Template:     astra
Version:      3.8.2
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  orientac-3-0
Tags:         custom-menu, featured-images, threaded-comments, translation-ready
*/

/*
 * This file is intentionally almost empty.
 *
 * It exists because WordPress requires a style.css with the header block above
 * to recognise a theme at all — `Template: astra` is the line that makes this a
 * child of Astra rather than a standalone theme, and it must match the parent's
 * FOLDER name, not its display name.
 *
 * The actual design lives in assets/css/, enqueued per template by
 * orient_ac_enqueue_assets() in inc/orient-theme.php:
 *
 *   orient-base.css      every Orient template — Astra/Elementor chrome fixes
 *                        and the shared primitives
 *   orient-airz.css      the design system for home, the services hub,
 *                        the service pages and contact (scoped to the `oaz` body
 *                        class, so it cannot leak into the other pages)
 *
 * Put site-wide overrides here only if they genuinely belong to every page
 * including ones Astra renders on its own. Anything template-specific belongs
 * in the files above, which load later and can therefore win without resorting
 * to !important.
 */

/* --------------------------------------------------------------------------
   Sticky header: navy once the page has scrolled.

   The Elementor header's top container is sticky, position:absolute and
   transparent (#07132E00), so it floats over the hero. assets/js/orient-header.js
   adds `oac-header-scrolled` to <body> after a short scroll, and this paints the
   container in the brand navy.

   Aimed at the header's top-level container (`.e-con.e-parent`) rather than its
   Elementor element ID, so it keeps working if the header is rebuilt. The
   selector is (0,4,2), which outranks Elementor's own (0,4,0) background rule
   in post-14.css without needing !important.
   -------------------------------------------------------------------------- */
body .elementor-location-header > .e-con.e-parent{
  transition:background-color .3s ease,box-shadow .3s ease;
}
html body.oac-header-scrolled .elementor-location-header > .e-con.e-parent{
  background-color:#07132E;
  box-shadow:0 6px 24px rgba(7,19,46,.18);
}
@media (prefers-reduced-motion:reduce){
  body .elementor-location-header > .e-con.e-parent{transition:none}
}