/*
Theme Name: Argyle Fish Fry
Theme URI: https://argylefishfry.com
Description: Festive-but-clean child theme for the Argyle Fish Fry community photo booth. Warm red/gold/cream palette, styled wordmark, and a landing page that points guests to find their booth photos. Child of Twenty Twenty-Five.
Author: Geek Powered
Template: twentytwentyfive
Version: 1.0.1
License: GPL-2.0-or-later
Text Domain: argyle-fishfry
*/

:root {
	--af-red: #b3241f;       /* deep fry-supper red */
	--af-red-dark: #8c1714;
	--af-gold: #e8a317;      /* golden-fried */
	--af-cream: #fcf6e8;     /* warm paper/cream */
	--af-ink: #2a1d12;       /* warm near-black */
	--af-blue: #2b6cb0;      /* accent for buttons/links */
}

/* ---------- Base ---------- */
body {
	background: var(--af-cream);
	color: var(--af-ink);
	font-family: "Helvetica Neue", Arial, sans-serif;
}

a { color: var(--af-red); }
a:hover { color: var(--af-red-dark); }

/* ---------- Branded site header / wordmark ---------- */
.wp-block-site-title,
.wp-block-site-title a {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 800;
	font-size: clamp(1.6rem, 4vw, 2.4rem);
	letter-spacing: .5px;
	color: var(--af-cream) !important;
	text-decoration: none;
}

header.wp-block-template-part,
.wp-block-group.af-header {
	background: var(--af-red);
	color: var(--af-cream);
}

/* Give the default header bar the brand color + padding */
body .wp-site-blocks > header {
	background: var(--af-red);
	padding: 14px 0;
	border-bottom: 4px solid var(--af-gold);
}
body .wp-site-blocks > header a { color: var(--af-cream); }
body .wp-site-blocks > header a:hover { color: #fff; }

/* ---------- Footer ---------- */
body .wp-site-blocks > footer {
	background: var(--af-ink);
	color: var(--af-cream);
	border-top: 4px solid var(--af-gold);
	padding: 22px 0;
}
body .wp-site-blocks > footer a { color: var(--af-gold); }

/* ---------- Hero / landing ---------- */
.af-hero {
	text-align: center;
	padding: clamp(2.5rem, 8vw, 5rem) 1rem;
	background:
		radial-gradient(ellipse at top, rgba(232,163,23,.18), transparent 60%),
		var(--af-cream);
}
.af-hero h1 {
	font-family: Georgia, serif;
	font-weight: 800;
	color: var(--af-red);
	font-size: clamp(2.2rem, 7vw, 4rem);
	line-height: 1.05;
	margin: 0 0 .4em;
	text-shadow: 0 2px 0 rgba(0,0,0,.06);
}
.af-hero .af-sub {
	font-size: clamp(1.05rem, 2.5vw, 1.4rem);
	color: var(--af-ink);
	max-width: 36ch;
	margin: 0 auto 1.6em;
}
.af-cta {
	display: inline-block;
	background: var(--af-red);
	color: #fff !important;
	font-size: clamp(1.1rem, 2.4vw, 1.4rem);
	font-weight: 700;
	text-decoration: none;
	padding: 16px 34px;
	border-radius: 999px;
	box-shadow: 0 6px 0 var(--af-red-dark);
	transition: transform .08s ease, box-shadow .08s ease;
}
.af-cta:hover {
	color: #fff !important;
	transform: translateY(2px);
	box-shadow: 0 4px 0 var(--af-red-dark);
}
.af-divider {
	width: 80px; height: 5px; margin: 1.4rem auto 0;
	background: var(--af-gold); border-radius: 4px;
}

/* ---------- Style the photo-booth widgets to match ---------- */
.argylepb-find-title { color: var(--af-red); }
.argylepb-btn, .argylepb-more, .argylepb-dl-btn {
	background: var(--af-red);
}
.argylepb-btn:hover, .argylepb-more:hover, .argylepb-dl-btn:hover {
	background: var(--af-red-dark);
}
.argylepb-num { background: rgba(179,36,31,.85); }

/* Headings on content pages */
.entry-content h2, .wp-block-heading {
	font-family: Georgia, serif;
	color: var(--af-red);
}

/* Hide the redundant page title on the static front page hero */
.home .wp-block-post-title,
.home h1.wp-block-post-title,
.home .entry-title {
	display: none;
}

/* Tame the default Twenty Twenty-Five footer for a single-purpose booth site:
   keep it simple/branded, hide the stock multi-column nav/category clutter. */
body .wp-site-blocks > footer .wp-block-columns,
body .wp-site-blocks > footer nav,
body .wp-site-blocks > footer .wp-block-navigation,
body .wp-site-blocks > footer .wp-block-page-list {
	display: none;
}
body .wp-site-blocks > footer::after {
	content: "Argyle Fish Fry \2022 Community Photo Booth";
	display: block;
	text-align: center;
	color: var(--af-cream);
	font-family: Georgia, serif;
	letter-spacing: .3px;
	padding: 4px 0;
}