/*
Theme Name:  Deeper Dance
Description: Child theme of Twenty Twenty-Five for Deeper Dance 5Rhythms — palette, typography and ripple texture designed for Rachel Kurtz.
Author:      Deeper Dance
Template:    twentytwentyfive
Version:     1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: deeperdance
*/

/* ---------------------------------------------------------------
   Deeper Dance palette — WCAG-checked pairings
   navy on cream 11.98:1 AAA | white on navy 13.82:1 AAA
   maroon on cream 8.58:1 AAA | white on maroon 9.90:1 AAA
   gold on navy 6.69:1 AA | light blue on navy 5.78:1 AA
   orange & taupe: decorative / large text only
--------------------------------------------------------------- */
:root {
	--dd-navy: #102375;       /* slate blue (darker) — primary dark */
	--dd-orange: #E85F24;     /* vibrant orange — splash only */
	--dd-gold: #E9A924;       /* golden yellow — highlight */
	--dd-light-blue: #6BAEE3; /* lighter blue — secondary accent */
	--dd-maroon: #603649;     /* maroon/burgundy — accent, white text */
	--dd-taupe: #918485;      /* dusty mauve — texture/neutral */
	--dd-cream: #F3EDF2;      /* ivory/creamy white — dominant background */
	--dd-ivory: #FBF9FB;      /* lifted ivory for cards */
}

/* Subtle water-ripple texture behind the page — hidden 2026-07-03 at Rachel's request.
   To restore, uncomment this block.
body {
	background-image: url('assets/ripple.svg');
	background-repeat: no-repeat;
	background-position: top -4rem center;
	background-size: max(120%, 1600px) auto;
	background-attachment: fixed;
}
*/

/* Headings: airy, precise */
h1, h2, h3 {
	letter-spacing: 0.01em;
}
h1 {
	text-wrap: balance;
}

/* Spacious, calm reading rhythm */
.entry-content p {
	max-width: 70ch;
}

/* Navigation: clean and modern */
.wp-block-navigation {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}

/* Site title in the serif, echoing the logo */
.wp-block-site-title a {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
}

/* Quotes / testimonials: maroon rule, serif italic */
.wp-block-quote {
	border-left: 3px solid var(--dd-maroon);
	padding-left: 1.5rem;
}
.wp-block-quote p {
	font-family: var(--wp--preset--font-family--heading);
	font-style: italic;
	font-size: 1.35rem;
	line-height: 1.5;
}
.wp-block-quote cite {
	font-family: var(--wp--preset--font-family--body);
	font-style: normal;
	font-size: 0.9rem;
	color: var(--dd-maroon);
}

/* Card treatment for ivory groups */
.dd-card {
	background-color: var(--dd-ivory);
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16, 35, 117, 0.06), 0 8px 28px rgba(16, 35, 117, 0.07);
}

/* Gentle orange splash: short brush rule under section headings */
.dd-splash-rule {
	width: 56px;
	height: 4px;
	border: none;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--dd-orange), var(--dd-gold));
	opacity: 0.9;
}

/* FAQ details blocks */
.wp-block-details {
	background-color: var(--dd-ivory);
	border-radius: 10px;
	padding: 1rem 1.25rem;
	margin-bottom: 0.75rem;
}
.wp-block-details summary {
	font-weight: 600;
	cursor: pointer;
	color: var(--dd-navy);
}

/* Sweeping curved section transitions (Durham-style) */
.dd-curve-bottom {
	border-radius: 0 0 50% 50% / 0 0 clamp(1.5rem, 5vw, 4.5rem) clamp(1.5rem, 5vw, 4.5rem);
	overflow: hidden;
}
.dd-curve-top {
	border-radius: 50% 50% 0 0 / clamp(1.5rem, 5vw, 4.5rem) clamp(1.5rem, 5vw, 4.5rem) 0 0;
	overflow: hidden;
}

/* Photo link widgets — frosted panel over sea-wave covers */
.dd-photo-card {
	border-radius: 14px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dd-photo-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(16, 35, 117, 0.2);
}
.dd-frost {
	background: rgba(243, 237, 242, 0.2);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 4px;
	padding: 2.25rem 1.5rem;
	text-align: center;
}
.dd-photo-card h3,
.dd-photo-card h3 a {
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	font-size: 1.3rem;
	text-decoration: none;
	text-shadow: 0 1px 6px rgba(16, 35, 117, 0.35);
}
.dd-photo-card h3 a:hover {
	color: var(--dd-gold);
}
.dd-photo-card p {
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(16, 35, 117, 0.4);
}

/* Soften photography: desaturate + gentle blur, heavier navy tint.
   Scale offsets blurred edges; covers clip via overflow hidden. */
.dd-banner img.wp-block-cover__image-background,
.dd-photo-card img.wp-block-cover__image-background {
	filter: saturate(0.55) blur(2.5px) brightness(1.03) contrast(0.94);
	transform: scale(1.06);
}
.dd-photo-card img.wp-block-cover__image-background {
	filter: saturate(0.45) blur(4px) brightness(1.05) contrast(0.92);
}
.dd-banner span.wp-block-cover__background.has-background-dim {
	opacity: 0.55;
}
.dd-photo-card span.wp-block-cover__background.has-background-dim {
	opacity: 0.45;
}

/* Page banners */
.dd-banner h1 {
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
}
.dd-banner p {
	text-align: center;
}
.dd-eyebrow {
	letter-spacing: 0.35em;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--dd-gold);
}

/* Footer */
.dd-footer a {
	color: #ffffff;
	text-decoration: none;
}
.dd-footer a:hover {
	color: var(--dd-gold);
}
.dd-footer ul {
	padding-left: 0;
	list-style: none;
}
.dd-footer li {
	margin-bottom: 0.45rem;
}

/* Contact form (Contact Form 7) styling */
.wpcf7 label {
	display: block;
	font-weight: 500;
	margin-bottom: 1rem;
	color: var(--dd-navy);
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'],
.wpcf7 textarea {
	width: 100%;
	margin-top: 0.35rem;
	padding: 0.7rem 0.9rem;
	border: 1px solid rgba(16, 35, 117, 0.25);
	border-radius: 8px;
	background: #ffffff;
	font-family: inherit;
	font-size: 1rem;
	color: var(--dd-navy);
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	outline: 2px solid var(--dd-light-blue);
	outline-offset: 1px;
	border-color: var(--dd-light-blue);
}
.wpcf7 .wpcf7-submit {
	background: var(--dd-navy);
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 0.8rem 2.2rem;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s ease;
}
.wpcf7 .wpcf7-submit:hover {
	background: var(--dd-maroon);
}