/*
Theme Name: Kadence Child - Sabaat
Theme URI: https://sabaat.ir/
Description: Child theme for Kadence, built for sabaat.ir (RTL Persian philosophy/AI blog)
Author: Albey
Template: kadence
Version: 1.0.0
Text Domain: kadence-child-sabaat
*/

/* ==========================================================================
   MANUSCRIPT & INK — design tokens for sabaat.ir
   Palette pulled from illuminated-manuscript tradition, not a stock "blog" look:
   aged paper background, warm ink text, lapis + gold-leaf + burgundy accents.
   ========================================================================== */

:root {
	--sabaat-paper: #EAE3D3;
	--sabaat-paper-light: #F3EEE1;
	--sabaat-ink: #221D17;
	--sabaat-lapis: #1F3A5F;
	--sabaat-lapis-dark: #16293F;
	--sabaat-gold: #A9812E;
	--sabaat-burgundy: #6B2737;
	--sabaat-rule: rgba(34, 29, 23, 0.14);
}

/* ---- Base page ---- */
body {
	background-color: var(--sabaat-paper);
	color: var(--sabaat-ink);
}

.site,
.content-area,
article {
	background-color: var(--sabaat-paper-light);
}

/* ---- Headings: distinct display treatment ---- */
h1, h2, h3,
.entry-title,
.widget-title {
	color: var(--sabaat-lapis-dark);
	font-weight: 700;
	letter-spacing: 0.01em;
}

.entry-title a {
	color: var(--sabaat-lapis-dark);
}
.entry-title a:hover {
	color: var(--sabaat-gold);
}

/* Latin/foreign technical terms set inline (Kant, Hegel, McTaggart, etc.)
   — wrap them in <span class="lang-en"> in post content to get this treatment. */
.lang-en,
[lang="en"] {
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
}

/* ---- Links & accents ---- */
a {
	color: var(--sabaat-lapis);
	text-decoration-color: var(--sabaat-gold);
}
a:hover {
	color: var(--sabaat-gold);
}

/* ---- Signature element: illuminated drop-cap on article openers ---- */
.entry-content > p:first-of-type::first-letter {
	float: right; /* RTL: cap sits on the right */
	font-family: Georgia, serif;
	font-size: 3.4em;
	line-height: 0.8;
	font-weight: 700;
	color: var(--sabaat-burgundy);
	margin-left: 0.12em;
	margin-top: 0.05em;
	padding: 0 0.03em;
}

.entry-content > p:first-of-type {
	border-top: 1px solid var(--sabaat-rule);
	border-bottom: 1px solid var(--sabaat-rule);
	padding: 1em 0;
}

/* ---- Blockquotes / pull-quotes (philosophical citations) ---- */
blockquote {
	border-right: 3px solid var(--sabaat-burgundy);
	border-left: none;
	background: rgba(107, 39, 55, 0.05);
	padding: 0.9em 1.4em;
	color: var(--sabaat-ink);
	font-style: italic;
}

/* ---- Post cards / archive grid ---- */
.entry-card,
.card {
	background-color: var(--sabaat-paper-light);
	border: 1px solid var(--sabaat-rule);
}

.entry-meta,
.cat-links a {
	color: var(--sabaat-burgundy);
	text-transform: uppercase;
	font-size: 0.78em;
	letter-spacing: 0.04em;
}

/* ---- Sidebar widgets ---- */
.widget-title {
	border-bottom: 2px solid var(--sabaat-gold);
	padding-bottom: 0.3em;
	display: inline-block;
}

/* ---- Footer ---- */
.site-footer,
footer.site-footer {
	background-color: var(--sabaat-lapis-dark);
	color: var(--sabaat-paper-light);
}
.site-footer a {
	color: var(--sabaat-paper-light);
}
.site-footer a:hover {
	color: var(--sabaat-gold);
}

/* ==========================================================================
   RTL menu fixes
   ========================================================================== */
.rtl .menu-item .sub-menu {
	right: 0;
	left: auto;
	text-align: right;
}

/* Fix: primary menu wrapping to two rows with ~17 top-level items.
   Let Kadence's own overflow ("More") handling take effect earlier by
   giving the nav a hard height + hidden overflow, forcing items past the
   fold into the collapsed menu instead of wrapping. Requires "Collapse Menu
   Items" enabled in Customize → Header Builder → Primary menu item. */
.main-navigation ul.primary-menu {
	flex-wrap: nowrap;
	overflow: hidden;
}