/* Sneaky religion content identities (sprint S10/S11/S13).
 *
 * HARD CONTRACT: every selector in this file starts with `.sh-religion-themed`, the content
 * wrapper of a Sneaky religion page (landing, guide profile, article, article list). Custom
 * properties set on the wrapper inherit only into that content, so nothing here can reach the
 * Sneaky header, nav, dropdowns, footer, account controls, search, chat panel or Support.
 * Enforced by tests/sneaky/sprint-nav-helpers-religions-tests.php (source and rendered checks).
 *
 * The six identities are the existing, deliberate designs of the retired .life sites (tokens
 * taken from their style.css blocks): Halacha (Judaism), His-Path (Christianity), Inshalla
 * (Islam), Bythos (Gnosticism), Yabaha (Bahá'í) and Tattvamasi (Hinduism). Religions without a
 * .life identity use standard Sneaky styling (`.sh-religion-standard`, no rules here). */

/* 1. Identity tokens per religion (re-skin the Sneaky tokens inside the wrapper only). */
.sh-religion-themed.sh-religion-theme--halacha {
	--rel-bg: #f8f4ea; --rel-card: #fffdf7; --rel-ink: #143042; --rel-copy: #4f6470; --rel-accent: #d8b76a; --rel-accent-ink: #6d592b; --rel-accent-soft: #f4ecd9;
	--rel-border: rgba(216, 183, 106, .45); --rel-card-border: #ded3ba; --rel-panel: #24485f; --rel-panel-label: #d9c893;
	--rel-hero: linear-gradient(120deg, rgba(242, 237, 224, .86), rgba(255, 253, 248, .96) 56%, rgba(218, 233, 240, .6)), #fffdf8;
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --rel-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--rel-shadow: 0 18px 45px rgba(20, 48, 66, .09); --rel-card-shadow: none; --rel-radius: 12px; --rel-card-radius: 9px;
	--sh-action: #174f4a; --sh-action-hover: #173747; --sh-teal: #27645f;
}
.sh-religion-themed.sh-religion-theme--his-path {
	--rel-bg: #faf8f4; --rel-card: #fff; --rel-ink: #183246; --rel-copy: #4b5d6b; --rel-accent: #c9a227; --rel-accent-ink: #6f5711; --rel-accent-soft: rgba(201, 162, 39, .1);
	--rel-border: rgba(201, 162, 39, .38); --rel-card-border: rgba(201, 162, 39, .38); --rel-panel: #204c72; --rel-panel-label: #e3cf86;
	--rel-hero: linear-gradient(125deg, rgba(250, 248, 244, .98), rgba(255, 255, 255, .96) 60%, rgba(46, 106, 87, .08)), #fff;
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --rel-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--rel-shadow: 0 18px 44px rgba(32, 76, 114, .085); --rel-card-shadow: 0 10px 26px rgba(32, 76, 114, .065); --rel-radius: 12px; --rel-card-radius: 10px;
	--sh-action: #204c72; --sh-action-hover: #183246; --sh-teal: #2e6a57;
}
.sh-religion-themed.sh-religion-theme--inshallah {
	--rel-bg: #f8f6f1; --rel-card: #fff; --rel-ink: #173548; --rel-copy: #4a5d6a; --rel-accent: #c9a94f; --rel-accent-ink: #6c5718; --rel-accent-soft: rgba(201, 169, 79, .11);
	--rel-border: rgba(201, 169, 79, .42); --rel-card-border: rgba(201, 169, 79, .42); --rel-panel: #163a59; --rel-panel-label: #e2cd8b;
	--rel-hero: linear-gradient(135deg, rgba(201, 169, 79, .055) 25%, transparent 25%) 0 0 / 36px 36px, linear-gradient(225deg, rgba(30, 107, 88, .04) 25%, transparent 25%) 18px 18px / 36px 36px, linear-gradient(125deg, rgba(248, 246, 241, .92), rgba(255, 255, 255, .88)), #fff;
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --rel-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--rel-shadow: 0 18px 44px rgba(22, 58, 89, .085); --rel-card-shadow: 0 10px 26px rgba(22, 58, 89, .065); --rel-radius: 12px; --rel-card-radius: 10px;
	--sh-action: #163a59; --sh-action-hover: #1e6b58; --sh-teal: #1e6b58;
}
.sh-religion-themed.sh-religion-theme--bythos {
	--rel-bg: #f7f3ee; --rel-card: #fffdf8; --rel-ink: #26324f; --rel-copy: #4c5672; --rel-accent: #c0a36b; --rel-accent-ink: #6b5629; --rel-accent-soft: rgba(192, 163, 107, .12);
	--rel-border: rgba(192, 163, 107, .42); --rel-card-border: rgba(192, 163, 107, .42); --rel-panel: #2f3e66; --rel-panel-label: #dcc595;
	--rel-hero: radial-gradient(circle at 0 0, rgba(192, 163, 107, .16), transparent 32%), linear-gradient(135deg, #fffdf8, #f6f1e8);
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: Georgia, "Times New Roman", serif; --rel-ui: Arial, sans-serif;
	--rel-shadow: 0 18px 45px rgba(47, 62, 102, .08); --rel-card-shadow: 0 10px 26px rgba(47, 62, 102, .06); --rel-radius: 10px; --rel-card-radius: 10px;
	--sh-action: #2f3e66; --sh-action-hover: #5b527e; --sh-teal: #5b527e;
}
.sh-religion-themed.sh-religion-theme--yabaha {
	--rel-bg: #f7f4ea; --rel-card: #fffdf7; --rel-ink: #173d3b; --rel-copy: #46605c; --rel-accent: #cba656; --rel-accent-ink: #6b5420; --rel-accent-soft: rgba(203, 166, 86, .13);
	--rel-border: rgba(203, 166, 86, .44); --rel-card-border: rgba(203, 166, 86, .44); --rel-panel: #315f52; --rel-panel-label: #e3cc90;
	--rel-hero: radial-gradient(circle at 0 0, rgba(203, 166, 86, .16), transparent 32%), linear-gradient(135deg, #fffdf7, #f3efe2);
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: Georgia, "Times New Roman", serif; --rel-ui: Arial, sans-serif;
	--rel-shadow: 0 18px 45px rgba(49, 95, 82, .08); --rel-card-shadow: 0 10px 26px rgba(49, 95, 82, .06); --rel-radius: 10px; --rel-card-radius: 10px;
	--sh-action: #315f52; --sh-action-hover: #4f7b6d; --sh-teal: #4f7b6d;
}
.sh-religion-themed.sh-religion-theme--tattvamasi {
	--rel-bg: #f7f1e7; --rel-card: #fffaf2; --rel-ink: #2f2b48; --rel-copy: #534d66; --rel-accent: #c28f45; --rel-accent-ink: #6e4c18; --rel-accent-soft: rgba(194, 143, 69, .13);
	--rel-border: rgba(194, 143, 69, .44); --rel-card-border: rgba(194, 143, 69, .44); --rel-panel: #4d416e; --rel-panel-label: #e2bf85;
	--rel-hero: radial-gradient(circle at 0 0, rgba(194, 143, 69, .16), transparent 32%), linear-gradient(135deg, #fffaf2, #f1e9d9);
	--rel-display: Georgia, "Times New Roman", serif; --rel-body: Georgia, "Times New Roman", serif; --rel-ui: Arial, sans-serif;
	--rel-shadow: 0 18px 45px rgba(77, 65, 110, .08); --rel-card-shadow: 0 10px 26px rgba(77, 65, 110, .06); --rel-radius: 10px; --rel-card-radius: 10px;
	--sh-action: #4d416e; --sh-action-hover: #7a5a3d; --sh-teal: #7a5a3d;
}

/* 2. The identity applied to Sneaky religion content components. */
.sh-religion-themed {
	--sh-ink: var(--rel-ink); --sh-copy: var(--rel-copy); --sh-line: var(--rel-card-border); --sh-on-action: #fff;
	--sh-sky: var(--rel-accent-soft); --sh-on-sky: var(--rel-accent-ink); --sh-sky-soft: var(--rel-accent-soft); --sh-hero-bg: var(--rel-hero);
	padding: clamp(10px, 2vw, 18px);
	border-radius: calc(var(--rel-radius) + 6px);
	background: var(--rel-bg);
	color: var(--rel-ink);
	font-family: var(--rel-body);
}
.sh-religion-themed :is(h1, h2, h3, .sxl-hero-panel strong, .sh-helper-tile-name, .sh-religion-article-list strong) { font-family: var(--rel-display); color: var(--rel-ink); }
.sh-religion-themed :is(h1, h2, h3) { font-weight: 700; letter-spacing: 0; }
.sh-religion-themed .sxl-hero-panel strong { color: #fff; }
.sh-religion-themed :is(.sxl-hero, .sxl-section) { border: 1px solid var(--rel-border); border-radius: var(--rel-radius); background: var(--rel-card); box-shadow: var(--rel-shadow); }
.sh-religion-themed .sxl-hero-copy { background: var(--rel-hero); }
.sh-religion-themed .sxl-hero-copy p, .sh-religion-themed .sxl-section-head p { color: var(--rel-copy); }
.sh-religion-themed .sxl-hero-panel { background: var(--rel-panel); }
.sh-religion-themed .sxl-hero-panel span { color: var(--rel-panel-label); font-family: var(--rel-ui); letter-spacing: .04em; }
.sh-religion-themed .sxl-hero-panel p { color: rgba(255, 255, 255, .86); }
.sh-religion-themed .sh-religion-emblem { border-color: var(--rel-accent); }
.sh-religion-themed .sxl-kicker { border: 1px solid var(--rel-border); background: var(--rel-accent-soft); color: var(--rel-ink); font-family: var(--rel-ui); }
.sh-religion-themed .sh-system-actions :is(.sh-action, .sh-action-secondary) { font-family: var(--rel-ui); }
.sh-religion-themed .sh-system-actions .sh-action-secondary { border-color: var(--rel-accent); color: var(--rel-accent-ink) !important; background: transparent; }
.sh-religion-themed .sh-breadcrumbs a { color: var(--sh-action); }

/* Guide cards */
.sh-religion-themed .sh-helper-tile { border-color: var(--rel-card-border); border-radius: var(--rel-card-radius); background: #fff; box-shadow: var(--rel-card-shadow); }
.sh-religion-themed .sh-helper-tile-avatar { border: 2px solid var(--rel-accent); background: var(--rel-accent-soft); }
.sh-religion-themed .sh-helper-tile-kind { background: var(--rel-accent-soft); color: var(--rel-accent-ink); font-family: var(--rel-ui); }
.sh-religion-themed .sh-helper-tile-role { color: var(--rel-copy); }
.sh-religion-themed .sh-helper-tile-actions :is(a, button) { font-family: var(--rel-ui); }
.sh-religion-themed .sh-helper-tile-open { border-color: var(--rel-accent); color: var(--rel-accent-ink) !important; }

/* Article cards and lists */
.sh-religion-themed .sh-religion-article-list a { border-color: var(--rel-card-border); border-radius: var(--rel-card-radius); background: #fff; box-shadow: var(--rel-card-shadow); }
.sh-religion-themed .sh-religion-article-list a:hover, .sh-religion-themed .sh-religion-article-list a:focus-visible { border-color: var(--rel-accent); }
.sh-religion-themed .sh-religion-article-list small { color: var(--rel-accent-ink); font-family: var(--rel-ui); }
.sh-religion-themed .sh-pagination :is(a, span) { border-color: var(--rel-card-border); font-family: var(--rel-ui); }
.sh-religion-themed .sh-pagination .current { background: var(--sh-action); border-color: var(--sh-action); color: #fff; }

/* Religion article (single) on Sneaky: the article element carries the scope. */
.sh-religion-themed.single-hub-article { padding: 0; background: transparent; }
.sh-religion-themed .single-hub-content { font-family: var(--rel-body); color: var(--rel-ink); }
.sh-religion-themed .single-hub-content a { color: var(--sh-action); }
.sh-religion-themed .single-hub-content blockquote { border-left: 4px solid var(--rel-accent); background: var(--rel-accent-soft); }
.sh-religion-themed :is(.single-hub-side-box, .single-hub-section) { border-color: var(--rel-card-border); }
.sh-religion-themed .single-hub-kicker { background: var(--rel-accent-soft); color: var(--rel-accent-ink); font-family: var(--rel-ui); }
.sh-religion-themed .sh-religion-view-all { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; padding: 8px 14px; border: 1px solid var(--rel-accent); border-radius: 999px; color: var(--rel-accent-ink) !important; font-family: var(--rel-ui); font-size: 14px; font-weight: 800; text-decoration: none !important; }

/* Religion guide profile on Sneaky: the profile content carries the scope (`main.ai-pro-profile-page`).
 * The `.ai-pro-profile-page` compound raises these above the profile's `body.single-ai_pro …` rules. */
.sh-religion-themed.ai-pro-profile-page { padding: clamp(10px, 2vw, 18px); }
.sh-religion-themed.ai-pro-profile-page .ai-pro-profile-hero { border-color: var(--rel-border); border-radius: var(--rel-radius); background: var(--rel-hero); box-shadow: var(--rel-shadow); }
.sh-religion-themed.ai-pro-profile-page :is(.ai-pro-profile-panel, .ai-pro-profile-side-box) { border-color: var(--rel-card-border); border-radius: var(--rel-radius); background: var(--rel-card); box-shadow: var(--rel-card-shadow); }
.sh-religion-themed.ai-pro-profile-page .ai-pro-profile-kicker { border: 1px solid var(--rel-border); font-family: var(--rel-ui); }
.sh-religion-themed.ai-pro-profile-page :is(.ai-pro-profile-identity, .ai-pro-profile-mini) > img { border-color: var(--rel-accent); }
.sh-religion-themed.ai-pro-profile-page .ai-pro-profile-terms a { border-color: var(--rel-border); color: var(--rel-ink); }
.sh-religion-themed.ai-pro-profile-page :is(.ai-pro-profile-actions button, .ai-pro-profile-side-chat) { border-color: var(--sh-action); background: var(--sh-action); color: #fff; font-family: var(--rel-ui); }
.sh-religion-themed.ai-pro-profile-page #ai-pro-profile-sermon { border: 1px solid var(--rel-accent); background: #fff; color: var(--rel-accent-ink); }
.sh-religion-themed.ai-pro-profile-page #ai-pro-profile-sermon:hover { background: var(--rel-accent-soft); }
.sh-religion-themed.ai-pro-profile-page .ai-pro-profile-religion-links { display: grid; gap: 8px; padding: 14px; }
.sh-religion-themed.ai-pro-profile-page .ai-pro-profile-religion-links a { display: inline-flex; min-height: 44px; align-items: center; color: var(--sh-action); font-family: var(--rel-ui); font-weight: 800; text-decoration: none; }