/*
Theme Name: Mazari
Theme URI: https://mazariclinic.net
Author: Elle Mazari
Description: Bare shell theme. No chrome by default, prose opt-in.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mazari
*/

/* ---------------------------------------------------------------
   Reset
   --------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

html {
	background: #000;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	min-height: 100dvh;
	color: #eee;
	font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}

img, video, svg, canvas, iframe {
	max-width: 100%;
	height: auto;
	display: block;
}

a { color: inherit; }

button, input, select, textarea {
	font: inherit;
	color: inherit;
}

/* ---------------------------------------------------------------
   Safe-area utilities — opt-in, never applied to body.
   Applying insets globally breaks true edge-to-edge layouts, so
   add these classes only to the elements that need clearance.
   --------------------------------------------------------------- */

.inset      { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.inset-top    { padding-top: env(safe-area-inset-top); }
.inset-right  { padding-right: env(safe-area-inset-right); }
.inset-bottom { padding-bottom: env(safe-area-inset-bottom); }
.inset-left   { padding-left: env(safe-area-inset-left); }

/* ---------------------------------------------------------------
   Accessibility
   --------------------------------------------------------------- */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}