/*
Theme Name: The Silver Tress
Theme URI: https://thesilvertress.com/
Description: Child theme of Kadence for The Silver Tress. Holds the custom homepage, its design system, and any future site-specific templates. Kept as a child theme so Kadence updates never overwrite this work.
Author: The Silver Tress
Template: kadence
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: thesilvertress
Tags: blog, custom-colors, featured-images, editor-style, accessibility-ready
*/

/*
 * Site-wide overrides live here. The homepage design system is a separate
 * stylesheet (assets/css/home.css) loaded only on the front page, so the rest
 * of the site never pays for it.
 */

/* The site title is a wordmark, not body copy — set it in the display face. */
.site-branding .site-title,
.site-title a {
	font-family: "Bodoni Moda", Georgia, "Times New Roman", serif;
	font-variation-settings: "opsz" 40;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* ── Header ──────────────────────────────────────────────────────────────
   Kadence wraps the header row in .site-container, which is capped at the
   content width. On a wide screen that floated the wordmark toward the middle
   and squeezed six category links into two rows. Releasing the cap for the
   header alone puts the wordmark on the left margin and lets the nav sit on
   one line — every other template keeps the constrained container.        */

.site-header .site-container {
	max-width: none;
	width: 100%;
	padding-inline: clamp(1.25rem, 4vw, 3.5rem);
}

/* Nav sits closer to the type scale of the rest of the site. */
.main-navigation .header-menu-container > ul > li > a {
	font-family: "Archivo", system-ui, sans-serif;
	font-size: 0.9375rem;
	letter-spacing: 0.005em;
}

/* Header call-to-action, appended to the primary menu in menu-setup.php.
   Rendered as a button so it reads as an action rather than a seventh
   category. */
.main-navigation li.tst-nav-cta > a {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	margin-left: 0.5rem;
	padding: 0.6rem 1.15rem;
	border: 1px solid currentColor;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1),
	            color 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-navigation li.tst-nav-cta > a:hover,
.main-navigation li.tst-nav-cta > a:focus-visible {
	background: oklch(0.19 0.008 75);
	color: oklch(0.973 0.006 85);
}

/* In the mobile drawer the outline reads as a stray box — let it be a link. */
@media (max-width: 1024px) {
	.main-navigation li.tst-nav-cta > a {
		border: 0;
		margin-left: 0;
		padding-inline: 0;
	}
}

/* Kadence's own credit row is replaced by the legal strip below, which
   carries the copyright line and every policy link. Two stacked footers
   otherwise. */
.site-bottom-footer-wrap { display: none; }

/* ── Legal strip ─────────────────────────────────────────────────────────
   Rendered on every page by menu-setup.php. Quiet by design — it should be
   findable without competing with anything above it.                      */

.tst-legal {
	padding: 1.5rem clamp(1.25rem, 5vw, 5rem);
	background: oklch(0.155 0.010 70);
	color: oklch(0.70 0.006 80);
	font-family: "Archivo", system-ui, sans-serif;
	font-size: 0.8125rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.75rem;
	align-items: center;
	justify-content: space-between;
}
.tst-legal__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
}
.tst-legal__list a {
	color: oklch(0.70 0.006 80);
	text-decoration: none;
	/* Comfortable tap target without inflating the visual weight. */
	display: inline-block;
	padding: 0.35rem 0;
	transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.tst-legal__list a:hover,
.tst-legal__list a:focus-visible { color: oklch(0.945 0.005 85); }
.tst-legal__copy { margin: 0; opacity: 0.75; }