/*
Theme Name: Take That Archives
Theme URI: https://takethatarchives.com
Author: Mike Williams
Description: Hub theme for Take That Archives — dark charcoal and gold, linking out to every show archive in the network.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: takethatarchives
*/

html { scroll-behavior: smooth; }
a { text-underline-offset: 0.2em; }
.wp-block-post-featured-image img { border-radius: var(--wp--custom--radius); }
::selection { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--base); }

/* Header */
.tta-header {
	position: sticky; top: 0; z-index: 50;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
	backdrop-filter: blur(8px);
}
.admin-bar .tta-header { top: var(--wp-admin--admin-bar--height, 32px); }
.tta-logo a { text-decoration: none !important; letter-spacing: .01em; }
.tta-logo a::before { content: "\266A"; margin-right: .4em; color: var(--wp--preset--color--accent); }

/* Hero */
.tta-banner {
	display: table; margin: 0 auto var(--wp--preset--spacing--40);
	padding: .5em 1.2em; border-radius: 999px;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 16%, transparent);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent) 40%, transparent);
	color: var(--wp--preset--color--accent-2);
	font-size: .9rem; font-weight: 600;
}
.tta-banner--notice {
	max-width: 42rem; border-radius: var(--wp--custom--radius);
	background: color-mix(in srgb, var(--wp--preset--color--muted) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--muted) 35%, transparent);
	color: var(--wp--preset--color--muted);
	font-size: .8rem; font-weight: 500;
}
.tta-hero {
	position: relative; overflow: hidden;
	background: var(--wp--preset--gradient--spotlight);
}
.tta-hero > * { position: relative; z-index: 1; }
.tta-hero__icon { width: min(30vw, 140px); margin: 0 auto var(--wp--preset--spacing--40); filter: drop-shadow(0 8px 22px rgba(0,0,0,.5)); }
.tta-hero__icon img { display: block; width: 100%; height: auto; border-radius: 999px; }
.tta-eyebrow { font-family: var(--wp--preset--font-family--display); letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent); font-size: .85rem; }

/* Show cards */
.tta-shows { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }
.tta-card {
	display: block; height: 100%;
	text-decoration: none !important;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius);
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.tta-card:hover { transform: translateY(-3px); border-color: var(--wp--preset--color--accent); box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--wp--preset--color--accent) 55%, transparent); }
.tta-card__art { aspect-ratio: 1 / 1; overflow: hidden; background: var(--wp--preset--color--base); }
.tta-card__art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tta-card__body { padding: var(--wp--preset--spacing--40); }
.tta-card__body h3 { margin: 0 0 .4rem; color: var(--wp--preset--color--contrast); font-size: 1.2rem; }
.tta-card__body p { margin: 0; color: var(--wp--preset--color--muted); font-size: .92rem; }
.tta-card__cta { margin-top: .75rem; font-size: .85rem; font-weight: 700; color: var(--wp--preset--color--accent); }
.tta-card:hover .tta-card__cta { color: var(--wp--preset--color--accent-2); }

/* Footer */
.tta-footer { border-top: 1px solid var(--wp--preset--color--line); }
.tta-footer a { color: var(--wp--preset--color--accent); }