/*
Theme Name:   Kadence WordHealer
Theme URI:    https://wordhealerpress.com
Description:  Child theme of Kadence for WordHealer Press — Fraunces display type, parchment & pine-green literary palette with brass accents.
Author:       WordHealer Press
Template:     kadence
Version:      1.0.0
Text Domain:  kadence-wordhealer
*/

/* =====================================================
   WORDHEALER PRESS — DESIGN TOKENS
   ===================================================== */
:root {
	--whp-pine:        #1f3a2f;
	--whp-pine-deep:   #14281f;
	--whp-parchment:   #f7f2e7;
	--whp-parchment-2: #efe7d6;
	--whp-card:        #fffdf8;
	--whp-brass:       #b0862c;
	--whp-brass-soft:  #c9a24a;
	--whp-ink:         #2c2a25;
	--whp-ink-soft:    #5d574c;
	--whp-line:        #e3dac6;
}

/* =====================================================
   BASE: parchment canvas, Inter body, Fraunces display
   ===================================================== */
body {
	background-color: var(--whp-parchment);
	background-image: radial-gradient(ellipse at top, #fbf7ee 0%, var(--whp-parchment) 60%);
	color: var(--whp-ink);
	font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.whp-title,
.wp-block-heading {
	font-family: "Fraunces", Georgia, serif !important;
	font-weight: 600;
	color: var(--whp-pine);
	letter-spacing: -0.01em;
}

h1, .entry-title { font-size: clamp(1.9rem, 4vw, 2.6rem); }

a { color: var(--whp-pine); }
a:hover { color: var(--whp-brass); }

/* =====================================================
   HEADER: deep pine bar with parchment text
   ===================================================== */
.site-header,
#masthead,
.site-header .site-header-row,
.site-header .site-header-inner-wrap,
.site-main-header-wrap,
.site-main-header-inner-wrap {
	background: var(--whp-pine) !important;
}

.site-title a,
.site-branding a,
.site-header .site-title {
	color: var(--whp-parchment) !important;
	font-family: "Fraunces", Georgia, serif !important;
	font-weight: 700;
	font-size: 1.6rem;
	letter-spacing: 0.01em;
}
.site-description { color: var(--whp-brass-soft) !important; font-style: italic; }

/* Primary menu — the big Fiction / Non-Fiction tabs */
.main-navigation .primary-menu-container > ul > li > a,
.site-header .menu > li > a {
	color: var(--whp-parchment) !important;
	font-family: "Fraunces", Georgia, serif;
	font-size: 1.08rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: none;
	padding: 14px 20px;
}
.main-navigation .primary-menu-container > ul > li > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a {
	color: var(--whp-brass-soft) !important;
}
/* brass underline on hover/current */
.main-navigation .primary-menu-container > ul > li > a {
	position: relative;
}
.main-navigation .primary-menu-container > ul > li > a::after {
	content: "";
	position: absolute;
	left: 20px; right: 20px; bottom: 6px;
	height: 2px;
	background: var(--whp-brass);
	transform: scaleX(0);
	transition: transform .2s ease;
}
.main-navigation .primary-menu-container > ul > li > a:hover::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

/* Dropdowns (genres & types) — parchment panels */
.main-navigation ul.sub-menu,
.main-navigation .primary-menu-container ul ul {
	background: var(--whp-card) !important;
	border: 1px solid var(--whp-line);
	border-top: 3px solid var(--whp-brass);
	box-shadow: 0 12px 30px rgba(20, 40, 31, .18);
	border-radius: 0 0 8px 8px;
	min-width: 230px;
}
.main-navigation ul.sub-menu li a {
	color: var(--whp-ink) !important;
	font-family: "Inter", sans-serif;
	font-size: .95rem;
	padding: 10px 18px;
}
.main-navigation ul.sub-menu li a:hover {
	background: var(--whp-parchment-2) !important;
	color: var(--whp-pine) !important;
}
/* sub-sub-genres indent marker */
.main-navigation ul.sub-menu ul.sub-menu li a::before {
	content: "› ";
	color: var(--whp-brass);
}

/* =====================================================
   CONTENT AREA & CARDS
   ===================================================== */
.content-bg, .site-content, .content-area, .entry-content-wrap,
article.entry, .single-content {
	background: transparent;
}
.entry.single-entry, .content-wrap article.entry {
	background: var(--whp-card);
	border: 1px solid var(--whp-line);
	border-radius: 12px;
	box-shadow: 0 3px 14px rgba(31, 58, 47, .06);
}

/* Decorative rule under page titles */
.page .entry-title::after,
.archive .whp-archive-wrap h1::after,
.single-whp_book .entry-title::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 12px;
	background: linear-gradient(90deg, var(--whp-brass), var(--whp-brass-soft));
	border-radius: 2px;
}

/* =====================================================
   BOOK GRID refinements (extends the plugin's CSS)
   ===================================================== */
.whp-card {
	background: var(--whp-card);
	border-color: var(--whp-line);
}
.whp-title, .whp-title a { font-family: "Fraunces", Georgia, serif !important; }
.whp-desc { font-family: "Inter", sans-serif; color: var(--whp-ink-soft); }
.whp-btn { font-family: "Inter", sans-serif; letter-spacing: 0.01em; }
.whp-btn-pdf { background: var(--whp-pine); }
.whp-btn-pdf:hover { background: var(--whp-pine-deep); }
.whp-btn-print { border-color: var(--whp-pine); color: var(--whp-pine) !important; }
.whp-badge { background: var(--whp-brass); }

/* =====================================================
   SIDEBAR: parchment panels with brass-tipped titles
   ===================================================== */
.sidebar .widget, .widget-area .widget, aside .widget {
	background: var(--whp-card);
	border: 1px solid var(--whp-line);
	border-radius: 10px;
	padding: 22px 22px 18px;
	margin-bottom: 26px;
	box-shadow: 0 2px 10px rgba(31, 58, 47, .05);
}
.sidebar .widget-title, .widget-area .widget-title {
	font-family: "Fraunces", Georgia, serif !important;
	font-size: 1.15rem;
	color: var(--whp-pine);
	border-bottom: 2px solid var(--whp-brass);
	padding-bottom: 8px;
	margin-bottom: 16px;
}
/* Email capture widget emphasis — add class "whp-lead" to that widget block */
.widget.whp-lead, .whp-lead {
	background: var(--whp-pine) !important;
	color: var(--whp-parchment);
}
.whp-lead .widget-title, .whp-lead h2, .whp-lead h3 { color: var(--whp-brass-soft) !important; border-color: var(--whp-brass); }
.whp-lead p { color: var(--whp-parchment); }
.whp-lead input[type="email"], .whp-lead input[type="text"] {
	width: 100%; border-radius: 6px; border: none; padding: 10px 12px; margin-bottom: 10px;
}
.whp-lead input[type="submit"], .whp-lead button {
	background: var(--whp-brass); color: #fff; border: none; border-radius: 6px;
	padding: 10px 18px; font-weight: 700; width: 100%; cursor: pointer;
}
.whp-lead input[type="submit"]:hover, .whp-lead button:hover { background: var(--whp-brass-soft); }

/* =====================================================
   WOOCOMMERCE touch-ups to match
   ===================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--whp-card);
	border: 1px solid var(--whp-line);
	border-radius: 10px;
	padding: 14px;
}
.woocommerce .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit,
.wc-block-components-button {
	background: var(--whp-pine) !important;
	color: #fff !important;
	border-radius: 6px !important;
}
.woocommerce .button:hover { background: var(--whp-pine-deep) !important; }
.woocommerce .price, .woocommerce .amount { color: var(--whp-brass); font-weight: 700; }

/* =====================================================
   FOOTER: deep pine with parchment links
   ===================================================== */
.site-footer, #colophon, .site-footer-wrap {
	background: var(--whp-pine-deep) !important;
	color: var(--whp-parchment);
}
.site-footer a, #colophon a { color: var(--whp-parchment) !important; }
.site-footer a:hover, #colophon a:hover { color: var(--whp-brass-soft) !important; }
.site-footer .widget-title { color: var(--whp-brass-soft) !important; font-family: "Fraunces", Georgia, serif !important; }
.footer-navigation .menu li a { font-size: .92rem; }

/* =====================================================
   MOBILE
   ===================================================== */
@media (max-width: 720px) {
	body { font-size: 16px; }
	.mobile-navigation, .mobile-header-wrap, #mobile-header { background: var(--whp-pine) !important; }
	.mobile-navigation a { color: var(--whp-parchment) !important; }
}