/*
 * bible-study.css — Warm parchment aesthetic for devotional and study
 * pages. Loaded after main.css on all pages; many rules only activate on
 * body classes set by the theme (is-devotional, is-study-plan).
 * Overrides main.css custom properties so no !important is needed.
 */

/* =========================================================================
   Sitewide parchment background
   ========================================================================= */

/* Default parchment palette — only applied when the admin has NOT set
   custom colors (output_theme_css uses :root:root which wins over this).
   These exist so the parchment theme has a sensible fallback on first
   install before any admin settings are saved. */
:root {
	--biblr-paper:         #FBF6EC;
	--biblr-paper-card:    rgba(255, 250, 242, 0.96);
	--biblr-paper-raised:  #FFFFFF;
	--biblr-ink:           #172b22;
	--biblr-ink-muted:     rgba(23, 43, 34, 0.60);
	--biblr-accent-a:      #E05C32;
	--biblr-accent-b:      #F2C94C;
	--biblr-accent-c:      #2F6B5A;
	--biblr-accent-a-ink:  #fff;
	--biblr-accent-b-ink:  #172b22;
	--biblr-accent-c-ink:  #fff;
	--biblr-border:        rgba(23, 43, 34, 0.11);
	--biblr-border-strong: rgba(23, 43, 34, 0.30);
	--biblr-verse-bg:      rgba(242, 201, 76, 0.15);
	--biblr-verse-border:  rgba(242, 201, 76, 0.50);
	--biblr-shadow-sm:     0 2px 8px  rgba(23, 43, 34, 0.07);
	--biblr-shadow-md:     0 8px 24px rgba(23, 43, 34, 0.10);
	--biblr-shadow-lg:     0 20px 48px rgba(23, 43, 34, 0.13);
	--biblr-ribbon-bg:     linear-gradient(90deg, #2F6B5A, #E05C32);
}

body {
	background-color: var(--biblr-paper);
	background-image:
		radial-gradient(ellipse at 5% 0%, rgba(242, 201, 76, 0.22) 0%, transparent 38%),
		radial-gradient(ellipse at 96% 8%, rgba(47, 107, 90, 0.14) 0%, transparent 32%),
		radial-gradient(ellipse at 50% 100%, rgba(224, 92, 50, 0.08) 0%, transparent 40%);
}

/* Dark mode for parchment context */
.biblr-dark {
	--biblr-paper:      #110E0A;
	--biblr-paper-card: #1A1612;
	--biblr-paper-raised: #221E19;
	--biblr-ink:        #EDE6D8;
	--biblr-ink-muted:  rgba(237, 230, 216, 0.58);
	--biblr-accent-a:   #FF7A55;
	--biblr-accent-b:   #F2C94C;
	--biblr-accent-c:   #4DB896;
	--biblr-accent-a-ink: #110E0A;
	--biblr-accent-b-ink: #110E0A;
	--biblr-accent-c-ink: #110E0A;
	--biblr-border:        rgba(237, 230, 216, 0.10);
	--biblr-border-strong: rgba(237, 230, 216, 0.26);
	--biblr-verse-bg:   rgba(242, 201, 76, 0.09);
	--biblr-verse-border: rgba(242, 201, 76, 0.32);
	--biblr-ribbon-bg:  linear-gradient(90deg, #1C3D34, #3D2010);
}

/* =========================================================================
   Header — parchment variant
   ========================================================================= */
.biblr-header {
	background: color-mix(in srgb, var(--biblr-paper) 86%, transparent);
}

/* =========================================================================
   Hero — parchment variant
   ========================================================================= */
.biblr-hero-bg {
	background:
		radial-gradient(circle at 12% 55%, rgba(242, 201, 76, 0.28) 0%, transparent 44%),
		radial-gradient(circle at 88% 18%, rgba(47, 107, 90, 0.18) 0%, transparent 36%);
}
.biblr-hero-heading { letter-spacing: -0.03em; }

/* =========================================================================
   Buttons — parchment variant
   ========================================================================= */
.biblr-btn {
	border-radius: 10px;
	box-shadow: var(--biblr-shadow-md);
}
.biblr-btn--primary {
	background: linear-gradient(135deg, var(--biblr-accent-b) 0%, #E8B33D 100%);
	color: var(--biblr-accent-b-ink);
}
.biblr-btn--dark {
	background: var(--biblr-accent-c);
	color: var(--biblr-accent-c-ink);
}

/* =========================================================================
   Eyebrow — parchment variant
   ========================================================================= */
.biblr-eyebrow {
	background: linear-gradient(135deg, var(--biblr-accent-a) 0%, var(--biblr-accent-b) 100%);
	color: var(--biblr-accent-b-ink);
	letter-spacing: 0.08em;
}

/* =========================================================================
   Cards — parchment glass effect
   ========================================================================= */
.biblr-feature-card,
.biblr-testimonial-card,
.biblr-devotional-card,
.biblr-plan-card,
.biblr-post-card,
.widget {
	background: linear-gradient(145deg, rgba(255,250,242,0.97), rgba(247,238,220,0.94));
	border: 1px solid rgba(23,43,34,0.10);
	backdrop-filter: blur(8px);
}
.biblr-dark .biblr-feature-card,
.biblr-dark .biblr-testimonial-card,
.biblr-dark .biblr-devotional-card,
.biblr-dark .biblr-plan-card,
.biblr-dark .biblr-post-card,
.biblr-dark .widget {
	background: linear-gradient(145deg, rgba(30,24,18,0.96), rgba(22,17,12,0.92));
}

/* =========================================================================
   Devotional single-page reading experience
   ========================================================================= */
.is-devotional .biblr-entry-content,
.is-devotional .biblr-single-header {
	max-width: 680px;
}
.is-devotional .biblr-entry-content {
	font-size: 18px;
	line-height: 1.85;
	font-family: var(--biblr-font-display);
}
.is-devotional .biblr-entry-content p {
	margin-bottom: 1.5em;
}
.is-devotional .biblr-entry-content blockquote {
	border-left: 5px solid var(--biblr-accent-b);
	font-size: 1.2em;
	padding: 22px 28px;
}

/* Reflection prompt box */
.biblr-reflection {
	background: var(--biblr-verse-bg);
	border: 1px solid var(--biblr-verse-border);
	border-radius: var(--biblr-radius-lg);
	padding: 28px 32px;
	margin: 36px 0;
}
.biblr-reflection-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	color: var(--biblr-accent-c);
	margin-bottom: 10px;
}
.biblr-reflection p { margin: 0; font-size: 16px; font-style: italic; }

/* =========================================================================
   Scripture blockquote custom block style
   ========================================================================= */
.wp-block-quote.is-style-scripture {
	border-left: 4px solid var(--biblr-accent-b);
	background: var(--biblr-verse-bg);
	border-radius: 0 var(--biblr-radius-md) var(--biblr-radius-md) 0;
	padding: 22px 28px;
	font-family: var(--biblr-font-display);
	font-style: italic;
}
.wp-block-quote.is-style-scripture cite,
.wp-block-quote.is-style-scripture footer {
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	color: var(--biblr-ink-muted);
	margin-top: 10px;
	display: block;
}

/* =========================================================================
   Study plan — chapter/section list
   ========================================================================= */
.is-study-plan .biblr-entry-content h2 {
	padding-top: 16px;
	border-top: 2px solid var(--biblr-verse-border);
	margin-top: 2.2em;
}
.biblr-plan-day {
	display: flex;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--biblr-border);
	align-items: flex-start;
}
.biblr-plan-day-number {
	flex-shrink: 0;
	width: 38px; height: 38px;
	border-radius: 50%;
	background: var(--biblr-accent-c);
	color: var(--biblr-accent-c-ink);
	font-weight: 700;
	font-size: 14px;
	display: flex; align-items: center; justify-content: center;
}
.biblr-plan-day-content { flex: 1; }
.biblr-plan-day-reference { font-weight: 700; font-size: 15px; margin-bottom: 4px; }
.biblr-plan-day-notes { font-size: 14px; color: var(--biblr-ink-muted); margin: 0; }

/* =========================================================================
   Footer — parchment variant
   ========================================================================= */
.biblr-footer {
	background: linear-gradient(180deg, #0E1C16 0%, #090E0B 100%);
	border-top: 2px solid rgba(242, 201, 76, 0.35);
	color: #F7F0E4;
}
.biblr-footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr));
	gap: 32px 40px;
	align-items: start;
}
.biblr-footer .widget {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
}
.biblr-footer .widget-title,
.biblr-footer .widget ul li a,
.biblr-footer-bottom a,
.biblr-footer-brand .biblr-logo,
.biblr-footer-brand p,
.biblr-footer .social-icon {
	color: #F7F0E4;
}
.biblr-footer .widget-title {
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 12px;
	opacity: 0.9;
}
.biblr-footer .widget ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.biblr-footer .widget ul li {
	border: 0;
	padding: 0;
}
.biblr-footer .widget ul li a {
	opacity: 0.9;
	text-decoration: none;
}
.biblr-footer .widget ul li a:hover,
.biblr-footer-bottom a:hover {
	color: var(--biblr-accent-b);
	text-decoration: none;
}
.biblr-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.biblr-footer-brand .biblr-logo {
	margin-bottom: 4px;
	font-weight: 700;
}
.biblr-footer-brand p {
	margin: 0;
	max-width: 32ch;
	line-height: 1.65;
	opacity: 0.78;
}
.biblr-footer-bottom {
	border-top: 1px solid rgba(247, 240, 228, 0.16);
	padding-top: 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
	font-size: 13px;
	opacity: 0.9;
}
.biblr-footer-bottom nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.biblr-footer .social-icon {
	border-color: rgba(247, 240, 228, 0.2);
	background: rgba(255, 255, 255, 0.06);
}
.biblr-footer .social-icon:hover {
	background: var(--biblr-accent-b);
	color: var(--biblr-accent-b-ink);
	border-color: transparent;
}

@media (max-width: 900px) {
	.biblr-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 580px) {
	.biblr-footer-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.biblr-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}