/* SHAHAZ — global focus rule (ZIP-226, owner rule "No Blue Focus Shadow / Outline").
   Loaded last on every front-end page. No browser-blue ring, glow, tap flash or
   theme-blue focus colour anywhere; keyboard users keep a SHAHAZ-pink ring. */

html{-webkit-tap-highlight-color:transparent}
/* ZIP-535: no browser-default 8px body margin (made every page 8px wider than the phone) */
body{margin:0}
:where(*){-webkit-tap-highlight-color:transparent}
::-moz-focus-inner{border:0}
:where(*):focus{outline:none}
:where(*):focus:not(:focus-visible){outline:none;outline-color:transparent}
:where(*):focus-visible{outline:2px solid #d4116a;outline-offset:2px}
/* a11y (ZIP-533, WCAG 2.4.7 + 1.4.11): keyboard focus is always visible — a solid SHAHAZ-pink ring (#d4116a, 5.1:1 on
   white). Many page styles remove the outline on :focus for mouse taps; this rule wins for KEYBOARD focus only
   (:focus-visible), so taps still show nothing. The never-matching id inside :is() only lifts the specificity. */
:root:root:root :is(a[href],button,summary,[role="button"],[role="tab"],[role="link"],[tabindex]:not([tabindex="-1"]),#shz-a11y-focus-lift):focus-visible{outline:2px solid #d4116a!important;outline-offset:2px!important}

/* Astra / WordPress / WooCommerce draw focus & active states with their primary
   colour variables (blue by default). On a focused or pressed element those
   variables resolve to SHAHAZ pink, so no theme rule can paint it blue. */
:focus,:focus-within,:active{
	--ast-global-color-0:#ec1675;
	--ast-global-color-1:#d4116a;
	--wp-admin-theme-color:#ec1675;
	--wp-admin-theme-color-darker-10:#d4116a;
	--wp-admin-theme-color-darker-20:#b80e5c;
	--wp-components-color-accent:#ec1675;
}
/* ZIP-323: the same for a plain mouse hover on links and buttons — Astra's default a:hover / button:hover colour
 * (--ast-global-color-1) is blue; on the hovered control itself it resolves to SHAHAZ pink. */
a:hover,button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.ast-button:hover{
	--ast-global-color-0:#ec1675;
	--ast-global-color-1:#d4116a;
}

/* WooCommerce select2 / selectWoo + address suggestions (front-end blue #0073aa). */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#ec1675!important;color:#fff!important}
.select2-container--classic .select2-selection--single:focus,
.select2-container--classic .select2-selection--multiple:focus{border-color:#f3a3c6!important}
.woocommerce-address-suggestions .suggestions-list li:focus{background-color:#ec1675!important;color:#fff!important}

/* Text fields show their own SHAHAZ focus border; no extra ring. */
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
[tabindex="-1"]:focus{outline:none}

/* ZIP-570 (SEO-01): the screen-reader-only page heading (inc/shahaz-site-seo.php) — never visible. */
.shz-seo-h1{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
