/*
Theme Name:   Sunday Money Date (Hello Elementor Child)
Theme URI:    https://sundaymoneydate.com/
Description:  Lightweight child theme of Hello Elementor for Sunday Money Date. Sets the logo, site icon, brand colors and fonts on activation (Elementor Global Colors and Global Fonts included), and adds two page templates: a distraction-free sales page and a clean legal page.
Author:       Sunday Money Date
Template:     hello-elementor
Version:      2.0.0
Requires at least: 6.4
Requires PHP: 8.1
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  couples-budget-child
*/

:root {
	--cbs-primary: #2f5d62;
	--cbs-primary-dark: #244a4e;
	--cbs-primary-soft: #dce8e6;
	--cbs-accent: #e07a5f;
	--cbs-cta: #b8472b;
	--cbs-cta-hover: #9e3b22;
	--cbs-cream: #fff4d6;
	--cbs-paper: #fbf7f0;
	--cbs-ink: #222;
	--cbs-muted: #5f6672;
	--cbs-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
	--cbs-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
	color: var(--cbs-ink);
	font-family: var(--cbs-font-body);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	font-family: var(--cbs-font-heading);
	color: var(--cbs-primary-dark);
}

a { color: var(--cbs-primary); }
a:hover { color: var(--cbs-cta); }

:focus-visible { outline: 3px solid var(--cbs-primary); outline-offset: 2px; }

/* ---------- Distraction-free sales page template ---------- */
.cbs-sales-template .site-header,
.cbs-sales-template .site-footer { display: none; }
.cbs-sales-template .page-content > .cbs-page { margin: 0; }

/* ---------- Legal page template ---------- */
.smd-legal-body { background: var(--cbs-paper); margin: 0; }
.smd-top { background: #fff; border-bottom: 1px solid #ece7dd; }
.smd-top__inner { max-width: 760px; margin: 0 auto; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.smd-top img { display: block; height: 32px; width: auto; }
.smd-top a.smd-back { font-size: .9rem; font-weight: 600; text-decoration: none; }
.smd-doc { max-width: 760px; margin: 0 auto; padding: 48px 20px 72px; font-size: 17px; line-height: 1.7; }
.smd-doc h1 { font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.1; margin: 0 0 .3em; }
.smd-doc h2 { font-size: 1.4rem; margin: 2em 0 .5em; }
.smd-doc h3 { font-size: 1.1rem; margin: 1.4em 0 .3em; }
.smd-doc ul { padding-left: 1.2em; }
.smd-doc li { margin-bottom: .4em; }
.smd-doc code { background: #efeae0; padding: .1em .35em; border-radius: 4px; font-size: .9em; }
.smd-doc mark { background: #ffe58a; padding: 0 .2em; }
.smd-foot { background: var(--cbs-primary-dark); color: var(--cbs-primary-soft); font-size: .88rem; line-height: 1.6; }
.smd-foot__inner { max-width: 760px; margin: 0 auto; padding: 32px 20px; display: grid; gap: 20px; }
.smd-foot img { display: block; height: 30px; width: auto; margin-bottom: 8px; }
.smd-foot a { color: #fff; }
.smd-foot address { font-style: normal; }
.smd-foot nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
@media (min-width: 700px) {
	.smd-foot__inner { grid-template-columns: 1fr 1fr; }
	.smd-foot nav { grid-column: 1 / -1; }
}