/**
 * Base Styles
 *
 * Global CSS that theme.json cannot express: the reset and selection color.
 * theme.json owns body typography, h1–h6 sizes/weights, link
 * color, the separator, blockquote and td look, and page background —
 * none of that is repeated here.
 *
 * @package Yosemite
 */

/* ==========================================================================
   Reset
   Source: joshua-tree/scss/_normalize.scss (ported as-is — WP block themes
   ship almost no reset and the legacy design depends on this baseline)
   ========================================================================== */

/* HTML5 */
[hidden] { display: none; }

/* HTML & BODY */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* Typography */
b, strong { font-weight: 600; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; }

/* Lists: only what the markup that prints them does not style itself. The article, list
   and rich-text styles bring their own bullets and indent; these two print bare lists. */
:where(.wp-block-social-links, .wp-block-esa-person-vitals ul) { list-style: none; padding: 0; }

/* Figure */
figure { margin: 0; }

/* Forms */
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
/* Legacy's compiled normalize has ONLY these two form-element rules — it does
   NOT set font-size/margin/appearance on inputs (measured: font-size:100%
   made every raw-form input 3px taller than production). Match legacy. */
button, input { line-height: normal; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }

/* Border-Box */
* { box-sizing: border-box; }

/* Responsive Image */
img { display: block; max-width: 100%; height: auto; }

/* ==========================================================================
   Selection, Links, Form Typography
   Source: joshua-tree/scss/typography/_typography.scss
   (font-family inheritance + ::selection are ported; link color is
   theme.json's job — only the hover transition is ported here)
   ========================================================================== */

button,
input,
select,
optgroup,
textarea {
	font-family: var(--wp--preset--font-family--raleway);
}

a {
	transition: all 0.2s ease;
}

::selection {
	background: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--white);
	text-shadow: none;
}

/* ==========================================================================
   Layout: Scroll, Overflow, Chrome Transitions, Alignment
   Source: joshua-tree/scss/layout/_layout.scss
   (body background is theme.json's job — omitted here)
   ========================================================================== */

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

img[src$=".svg"] {
	width: 100%;
}