/*
Theme Name: Lesedi Medical Centre
Theme URI: https://lesedi.startupafricamedia.co.za
Author: StartUp Africa Media
Author URI: https://startupafricamedia.co.za
Description: Exact WordPress build of the Lesedi Medical Centre - Lehae Walk-In Clinic site. Serves the compiled React application with full client-side routing for the Home, About, Contact and six Service pages.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
License URI: https://startupafricamedia.co.za
Text Domain: lesedi-medical
Tags: one-page, custom-menu, full-width-template
*/

/*
 * IMPORTANT
 * ---------
 * This file intentionally contains almost no styling.
 *
 * All visual styling for the site lives in the compiled Tailwind bundle at
 * dist/assets/index-*.css. Do NOT add site styles here - they will be
 * overwritten conceptually and will drift from the React source.
 *
 * The only rules below exist to stop the WordPress admin bar from covering
 * the site's fixed header. They apply ONLY when a logged-in user with the
 * admin bar enabled is viewing the site. Logged-out visitors - i.e. every
 * real patient - see a byte-identical page to the original build.
 */

body.admin-bar header.fixed {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header.fixed {
    top: 46px;
  }
}

/* Keep the directions modal above the admin bar for logged-in editors. */
body.admin-bar #root .fixed.z-50 {
  z-index: 100000;
}