/*
Theme Name: The Arc St. Clair County (Interim)
Theme URI: https://thearcscc.org
Author: UpTime Web Services
Author URI: https://uptimewebservices.com
Description: Lightweight interim block theme for The Arc of St. Clair County while the full site is built on staging. One editable homepage with flyers, events, donation links and contact info.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arc-stopgap
*/

/* Visible keyboard focus everywhere (WCAG 2.4.7). */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 3px;
	box-shadow: 0 0 0 6px var(--wp--preset--color--gold);
	border-radius: 4px;
}

/* Thin brand bar above the header: the logo's orange-to-gold sweep. */
.arc-brandbar {
	height: 6px;
	background: linear-gradient(90deg, var(--wp--preset--color--orange-deep), var(--wp--preset--color--orange) 45%, var(--wp--preset--color--gold));
}

/* Keep long words (emails, URLs) from overflowing on phones. */
.entry-content, .wp-site-blocks { overflow-wrap: break-word; }

/* Flyers: show the whole flyer, never crop it. */
.arc-flyers.wp-block-gallery.has-nested-images figure.wp-block-image img {
	object-fit: contain;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgb(26 20 16 / 10%), 0 8px 24px rgb(26 20 16 / 10%);
	background: var(--wp--preset--color--white);
}
.arc-flyers.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static;
	background: none;
	color: var(--wp--preset--color--ink);
	font-weight: 700;
	font-size: 1rem;
	text-align: left;
	padding: 0.6rem 0 0;
	max-height: none;
	overflow: visible;
}
.arc-flyers.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { display: none; }

/* Event rows: date badge + details. */
.arc-event { border-top: 2px solid var(--wp--preset--color--sand); }
.arc-event:last-child { border-bottom: 2px solid var(--wp--preset--color--sand); }
.arc-date {
	min-width: 5.5rem;
	text-align: center;
	line-height: 1.15;
}

/* Cards */
.arc-card { border-radius: 14px; height: 100%; }

/* Underline accent under section kickers */
.arc-kicker {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Payment buttons in the dark Support section get a clear outline on hover. */
.arc-support .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
html { scroll-behavior: smooth; }
:target { scroll-margin-top: 1rem; }