/*
 Theme Name:   Astra Child
 Theme URI:    https://kyadc.com/
 Description:  Astra Child Theme for Advanced Dental Center. Created as Wave A.A9 (2026-04-27). Provides safe override layer enabling future Astra parent updates without losing in-file customizations. Includes ADA WCAG 2.1 SC 2.4.1 (Bypass Blocks) compliant skip-link styling.
 Author:       ADC Performance Audit
 Author URI:   https://kyadc.com/
 Template:     astra
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* =====================================================================
   ADA Skip-Link Styling
   ---------------------------------------------------------------------
   Restores Wave A.A3 sr-only positioning previously stored in the
   Customizer's `custom_css[astra]` setting. Migrated into the child
   theme so it survives theme switches and Customizer migrations.
   
   Pattern: visually hidden until keyboard focus, then prominently
   visible at top-left for keyboard users to activate.
   ===================================================================== */

#main-content-link,
a[href="#content"],
a[href="#main"],
a[href="#main-content"],
.kyadc-skip-link {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  display: inline-block !important;
}

/* Make skip-link prominently visible when focused (keyboard users) */
#main-content-link:focus,
a[href="#content"]:focus,
a[href="#main"]:focus,
a[href="#main-content"]:focus,
.kyadc-skip-link:focus {
  position: absolute !important;
  left: 1rem !important;
  top: 1rem !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  z-index: 100000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  padding: 1rem 1.5rem !important;
  text-decoration: underline !important;
  border: 2px solid #000000 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}