/*
Theme Name: Delray Multimedia
Theme URI: https://delraymultimedia.com
Author: Delray Multimedia
Author URI: https://delraymultimedia.com
Description: A premium agency block theme: a clean, high-whitespace light aesthetic with charcoal typography, navy headers, and vibrant turquoise/orange/gold accents, plus a Gutenberg-native motion system (scroll reveals, kinetic type, animated CTAs). Ships a "Midnight" dark style variation. Built for full-site editing with a fluid type scale and standardized layout/spacing tokens.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delray-multimedia
Tags: full-site-editing, block-patterns, block-styles, style-variations, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, one-column
*/

/*
 * All theme styling is handled in theme.json (global settings and styles).
 * Add only supplemental CSS that cannot be expressed in theme.json below.
 */

/* -------------------------------------------------------------------------
 * Upward back-link (delray-multimedia/parent-link dynamic block)
 * ---------------------------------------------------------------------- */
.dm-back-link {
	margin-block-end: var(--wp--preset--spacing--30);
}

.dm-back-link__anchor {
	display: inline-flex;
	align-items: center;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--contrast-muted);
	transition: color 0.2s ease, gap 0.2s ease;
}

.dm-back-link__anchor:hover,
.dm-back-link__anchor:focus-visible {
	color: var(--wp--preset--color--accent-bright);
}

.dm-back-link__arrow {
	transition: transform 0.2s ease;
}

.dm-back-link__anchor:hover .dm-back-link__arrow {
	transform: translateX(-3px);
}

/* -------------------------------------------------------------------------
 * Child-page grid (delray-multimedia/child-pages dynamic block)
 * Uses theme.json preset CSS custom properties so it tracks global styles.
 * ---------------------------------------------------------------------- */
.dm-child-grid {
	margin-block-start: var(--wp--preset--spacing--50);
}

.dm-child-grid__heading {
	margin-block-end: var(--wp--preset--spacing--40);
}

.dm-child-grid__items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.dm-child-card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	text-decoration: none;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.dm-child-card:hover,
.dm-child-card:focus-visible {
	border-color: var(--wp--preset--color--accent);
	transform: translateY(-2px);
	box-shadow: var(--wp--preset--shadow--soft);
}

.dm-child-card__title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.dm-child-card__excerpt {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-muted);
}