/*
 * handa-global.css
 *
 * Purpose: small, targeted global CSS overrides for things Elementor's
 * native controls (Site Settings, widget style tabs, etc.) can't
 * cleanly achieve on their own.
 *
 * This is NOT the place to rebuild styling that Elementor already
 * handles (colors, typography, spacing, responsive breakpoints, etc.).
 * If it can be done in the Elementor UI, do it there instead — that
 * keeps the site maintainable by a non-developer.
 *
 * The rules below are placeholder EXAMPLES only. Replace/remove them
 * once real design tokens and components exist.
 */

/* Example: accessible focus outline for keyboard navigation. */
:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px;
}

/* Example: sticky header shadow-on-scroll helper.
   Toggled via JS (see handa-scripts.js) by adding/removing this class
   on the header element once the page has scrolled past a threshold. */
.handa-header--scrolled {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Example: print stylesheet stub.
   Hide non-essential elements (nav, footer CTAs) when a customer
   prints a page such as an estimate or invoice. Replace selectors
   with real ones once the header/footer markup exists. */
@media print {
	/* .site-header,
	.site-footer,
	.handa-cta-band {
		display: none !important;
	} */
}