/*
Theme Name: Under Paid Claim
Theme URI: https://underpaidclaim.com
Description: Child theme of Twenty Twenty-Five for Under Paid Claim LLC, a licensed Texas public insurance adjusting firm. Design direction: the site reads as a claim file, not a marketing brochure. Photographs are presented as evidence; documented facts are set in mono.
Author: Under Paid Claim LLC
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.2
Template: twentytwentyfive
Text Domain: upc-child
*/

/* ---------------------------------------------------------------------------
   Nearly all styling lives in theme.json. This file is for the few things
   theme.json cannot express.

   Before adding anything here, check whether theme.json can do it instead.
   Styles in this file are invisible to the site editor and are the first
   place a future change will go wrong.
   --------------------------------------------------------------------------- */

/* Skip link — visible on focus only. */
.skip-to-content:focus {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--navy-800);
	outline: 2px solid var(--wp--preset--color--red-700);
	outline-offset: 2px;
}

/* Evidence caption.
   Applied to a paragraph directly beneath a content photograph.
   Format: SHOT ID · SUBJECT · LOCATION — set in mono, never a marketing sentence. */
.upc-evidence-caption {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--wp--preset--color--slate-500);
	border-top: 1px solid var(--wp--preset--color--red-800);
	padding-top: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--20);
	max-width: 44ch;
}

/* Mono block — license and disclosure panel. */
.upc-mono-block {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.9;
	text-transform: uppercase;
	background-color: var(--wp--preset--color--base-2);
	border-top: 2px solid var(--wp--preset--color--red-700);
	padding: var(--wp--preset--spacing--50);
}

/* Statutory callout — cites code sections. Distinct from the mono block
   by rule position, so the two are not mistaken for each other. */
.upc-statute {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--caption);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-left: 2px solid var(--wp--preset--color--red-700);
	padding-left: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--navy-800);
}

/* Chalk mark overlay.
   Hand-drawn ellipse annotation over an evidence photograph.
   Budget: 3–4 instances across the entire site. It stops working the
   moment it becomes a pattern. */
.upc-chalk {
	position: relative;
	display: block;
}

.upc-chalk svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: visible;
}

.upc-chalk svg path,
.upc-chalk svg line {
	fill: none;
	stroke: var(--wp--preset--color--red-700);
	stroke-width: 2;
	stroke-linecap: round;
}

.upc-chalk-label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	fill: var(--wp--preset--color--red-700);
}

/* Every image carries explicit width and height attributes.
   This rule keeps them from distorting once CSS scales them. */
img[width][height] {
	height: auto;
}

/* Asymmetric text column — offset left rather than centred.
   Applied to the text sections that alternate with full-bleed photography. */
.upc-offset-left {
	margin-inline-start: 0;
	margin-inline-end: auto;
	max-width: 62ch;
}

@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;
	}
}