/*
Theme Name: TIF Scholar
Theme URI: https://theologyinfocus.org
Author: Theology in Focus
Author URI: https://theologyinfocus.org
Description: Brand child theme for the Theology in Focus blog. Child of minimalistblogger. Replaces the ad hoc "Custom CSS v6.0" inline override block with a single deduplicated stylesheet using the correct brand tokens (chrome navy #1A1A2E, accent gold #D4AF37, accessible dark gold #8A6512 for small gold text on light backgrounds, ivory #F7F5F0, ink #1F2430).
Template: minimalistblogger
Version: 1.1
Text Domain: tif-scholar
*/

/* ==========================================================================
   TIF Scholar brand tokens
   ========================================================================== */
:root {
	--tif-navy: #1A1A2E;
	--tif-gold: #D4AF37;
	--tif-gold-dark: #8A6512; /* accessible small gold text on light backgrounds (WCAG AA) */
	--tif-ivory: #F7F5F0;
	--tif-ink: #1F2430;
}

/* System font stacks. No Google Fonts / external font requests are added here
   (Agent Rules #7: no new fonts). Serif for reading copy, sans for UI/nav. */
body,
.entry-content,
.single .entry-content,
.single-post .entry-content {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: var(--tif-ink);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.bottom-header-title,
.page-title {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.header-menu a,
.main-navigation a,
#site-navigation a,
.site-info,
.wp-block-button__link,
.btn,
.button,
input[type="submit"],
button[type="submit"] {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   Chrome: header, footer, masthead, super-menu -> navy (never near-black)
   ========================================================================== */
.sheader,
#masthead,
.bottom-header-wrapper,
#colophon,
.site-footer {
	background-color: var(--tif-navy) !important;
}

.bottom-header-wrapper img { opacity: 0.4; }

header#masthead .site-branding .site-title,
header#masthead .site-branding .site-title a,
.site-title,
.site-title a,
.bottom-header-title {
	color: var(--tif-ivory) !important;
	text-decoration: none;
}

.site-description {
	font-style: italic;
	color: var(--tif-gold);
}

.header-menu a,
.main-navigation a,
#site-navigation a,
#masthead a,
.site-header a,
.site-branding a {
	color: var(--tif-ivory);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.header-menu a:hover,
.main-navigation a:hover,
#site-navigation a:hover {
	color: var(--tif-gold);
}

.entry-meta,
.blog-data-wrapper,
.post-data-divider,
.post-data-positioning,
.post-data-text,
.posted-on,
.byline {
	/* Superseded by the JS-inserted reading-time byline bar (functions.php). */
	display: none;
}

/* ==========================================================================
   Archive / page header (banner over the hero image)
   ========================================================================== */
.archive .page-header .page-title,
.category .page-header .page-title,
.page-header .page-title,
.archive .archive-description,
.category .archive-description {
	color: var(--tif-ivory);
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
}

/* ==========================================================================
   Body copy links (default ink on light backgrounds; gold never sits as
   body text on light per Design-Standards -- dark gold only, and only on hover)
   ========================================================================== */
.site-content a,
.entry-content a,
.entry-summary a,
.widget a,
.widget-area a,
#secondary a,
.sidebar a,
.comment-content a,
.cat-links a,
.tags-links a,
.post-categories a,
.post-tags a,
a[rel="category tag"],
a[rel="tag"],
.yoast-breadcrumb a,
.more-link,
.read-more a {
	color: var(--tif-ink);
}

.site-content a:hover,
.entry-content a:hover,
.entry-summary a:hover,
.widget a:hover,
#secondary a:hover,
.sidebar a:hover,
.comment-content a:hover,
.cat-links a:hover,
.tags-links a:hover,
.yoast-breadcrumb a:hover,
.more-link:hover,
.read-more a:hover {
	color: var(--tif-gold-dark);
}

/* Post title: single post (near-black -> ink) vs blog listing (accessible dark gold) */
.single .entry-title,
.single-post .entry-title,
body.single h1.entry-title {
	color: var(--tif-ink);
}

body.blog .entry-title a,
body.archive .entry-title a,
.blogposts-list .entry-title a,
article.posts-entry .entry-header h2 a {
	color: var(--tif-gold-dark);
	text-shadow: none;
}

body.blog .entry-title a:hover,
body.archive .entry-title a:hover {
	color: var(--tif-ink);
}

.entry-content blockquote {
	border-left: 4px solid var(--tif-gold);
	background-color: var(--tif-ivory);
	padding: 1em 1.5em;
	color: var(--tif-ink);
	font-style: italic;
}

.related-posts {
	background: var(--tif-ivory);
	border-left: 4px solid var(--tif-gold);
}

.related-posts h3 {
	color: var(--tif-ink);
}

/* ==========================================================================
   Footer
   ========================================================================== */
#colophon,
.site-footer {
	color: var(--tif-ivory);
}

#colophon h3,
#colophon .wp-block-heading,
.site-footer h3,
.site-footer .wp-block-heading,
.footer-column-three h3 {
	color: var(--tif-ivory);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9em;
}

#colophon p,
#colophon li,
.site-footer p,
.site-footer li,
.footer-column-three p,
.footer-column-three li {
	color: #cccccc;
}

.site-footer a,
#colophon a,
footer a,
.footer-column-three a {
	color: var(--tif-gold);
}

.site-footer a:hover,
#colophon a:hover,
footer a:hover,
.footer-column-three a:hover {
	color: var(--tif-ivory);
}

#colophon .wp-social-link,
.site-footer .wp-social-link {
	color: var(--tif-ivory);
}

#colophon .wp-social-link svg,
.site-footer .wp-social-link svg {
	fill: var(--tif-ivory);
}

#colophon .wp-social-link:hover svg,
.site-footer .wp-social-link:hover svg {
	fill: var(--tif-gold);
}

.site-info,
.site-footer .site-info {
	color: #999999;
	border-top: 1px solid #333333;
}

/* ==========================================================================
   Unified CTA recipe: ink background + gold text/border (default),
   navy background on hover. Deliberately never white-on-gold or gold
   body text on light -- both fail WCAG AA contrast (checked: white on
   #D4AF37 ~= 2.1:1; gold on white ~= 2.1:1; ink or ivory on either
   navy or gold clears 7:1+).
   ========================================================================== */
.wp-block-button__link,
.btn,
.button,
input[type="submit"],
button[type="submit"],
.search-submit,
.read-more a,
a.read-more,
.blogpost-button,
a.blogpost-button,
.wpcf7 input[type="submit"],
.wpcf7-submit {
	background-color: var(--tif-ink) !important;
	color: var(--tif-gold) !important;
	border: 1px solid var(--tif-gold) !important;
	border-radius: 2px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 0.85rem;
	padding: 12px 28px;
	text-decoration: none;
}

.wp-block-button__link:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.search-submit:hover,
.read-more a:hover,
a.read-more:hover,
.blogpost-button:hover,
a.blogpost-button:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover {
	background-color: var(--tif-navy) !important;
	color: var(--tif-gold) !important;
}

/* ==========================================================================
   Forms: comment form + Contact Form 7 (the audit's "un-overridden corner")
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
.search-form input[type="search"],
.search-field,
.wpcf7 input,
.wpcf7 textarea {
	color: var(--tif-ink);
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.comment-reply-title,
#cancel-comment-reply-link {
	color: var(--tif-gold-dark);
}

/* ==========================================================================
   Tag pills, pagination, post navigation -- the audit's other named corners.
   Same light/dark chip recipe as the CTA buttons for one consistent system.
   ========================================================================== */
.tagcloud a,
.tags-links a,
.cat-links a,
.post-tags a,
.post-categories a {
	display: inline-block;
	background-color: var(--tif-ivory);
	color: var(--tif-ink);
	border: 1px solid var(--tif-gold);
	border-radius: 2px;
	padding: 3px 10px;
	text-decoration: none;
	font-size: 0.85em;
}

.tagcloud a:hover,
.tags-links a:hover,
.cat-links a:hover,
.post-tags a:hover,
.post-categories a:hover {
	background-color: var(--tif-ink);
	color: var(--tif-gold);
	border-color: var(--tif-gold);
}

.page-numbers,
a.page-numbers,
.nav-links .nav-next,
.nav-links .nav-previous,
#load-posts a,
.pagination a,
.post-navigation a,
.posts-navigation a {
	background-color: var(--tif-ivory);
	color: var(--tif-ink);
	border: 1px solid var(--tif-navy);
	border-radius: 2px;
	text-decoration: none;
}

.page-numbers:hover,
a.page-numbers:hover,
.nav-links .nav-next:hover,
.nav-links .nav-previous:hover,
.pagination a:hover,
.post-navigation a:hover,
.posts-navigation a:hover,
.page-numbers.current,
span.page-numbers.current {
	background-color: var(--tif-ink);
	color: var(--tif-gold);
	border-color: var(--tif-gold);
}

span.page-numbers.dots {
	background-color: transparent;
	border: 1px solid #cccccc;
	color: #999999;
}

/* ==========================================================================
   Phase 2 (WO-6C Part C, 2026-07-21): header/footer parity fixes.
   Selectors below are deliberately more specific than / declared after the
   .site-info rule above so they win the cascade for the same element
   (footer.php now sets class="site-info footer-bottom-legal" on the
   copyright/legal row) -- fixes the WCAG contrast failure Lighthouse
   flagged on the old #999999-on-navy copyright line.
   ========================================================================== */
.footer-bottom-legal,
.site-footer .footer-bottom-legal {
	color: var(--tif-ivory) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
	text-align: center;
	padding-top: 15px;
}

.footer-copyright {
	color: var(--tif-ivory);
	margin: 0 0 8px;
	font-size: 0.9em;
}

.footer-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.footer-legal a {
	color: var(--tif-gold);
}

.footer-legal a:hover {
	color: var(--tif-ivory);
	text-decoration: underline;
}

/* Header social icons (mirrors 06-Scripts/partials/header.html "seven
   canonical social icons"). Sits inside #masthead, so the existing
   "#masthead a { color: var(--tif-ivory); }" rule above already covers
   the base color; this just adds spacing/hover and removes the nav
   link's uppercase/letter-spacing treatment (wrong for icon glyphs). */
.tif-social-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 10px 0 0;
}

.tif-social-icons a {
	text-transform: none;
	letter-spacing: normal;
	font-size: 1.05rem;
}

.tif-social-icons a:hover {
	color: var(--tif-gold);
}