/*
Theme Name: चयन सेतु
Description: चयन सेतु परीक्षा मंच की हल्की थीम (हिंदी साहित्य संगम शैली)। मोबाइल पहले, बिना page-builder के।
Version: 0.5.1
Requires at least: 6.0
Requires PHP: 7.4
Author: हिंदी साहित्य संगम
License: GPL-2.0-or-later
Text Domain: chayan-setu-theme
*/

:root {
	--m: #8B054A;          /* मैजेंटा: मुख्य */
	--m-dark: #6A033A;
	--m-soft: #FBF5F8;
	--g: #5E9A22;          /* हरा: सहायक */
	--g-text: #4A7A1A;
	--g-light: #99CF4C;    /* सिर्फ़ सजावट */
	--ink: #2A1E24;
	--muted: #6B5E66;
	--line: #E6D9E0;
	--bg: #FFFFFF;
	--radius: 12px;
	--head: "Martel", "Noto Serif Devanagari", serif;
	--body: "Mukta", "Noto Sans Devanagari", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 17px; line-height: 1.7; }
img { max-width: 100%; height: auto; }
a { color: var(--m); }
a:hover { color: var(--m-dark); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--m) 40%, transparent); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--head); color: var(--m); line-height: 1.4; font-weight: 800; }
h1 { font-size: clamp(26px, 5vw, 36px); }
h2 { font-size: clamp(21px, 4vw, 28px); }
.cs-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* हेडर */
.cs-head { border-bottom: 1px solid #EFE3EA; background: #fff; position: sticky; top: 0; z-index: 20; }
.cs-head .cs-container { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; }
.cs-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
.cs-logo svg { flex: none; }
.cs-logo b { font-family: var(--head); font-size: 22px; font-weight: 800; line-height: 1.2; }
.cs-logo .c1 { color: var(--m); } .cs-logo .c2 { color: var(--g); }
.cs-logo small { display: block; font-size: 11px; color: var(--muted); font-family: var(--body); font-weight: 400; }
.cs-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 22px; }
.cs-nav a { text-decoration: none; font-weight: 600; font-size: 16px; }
.cs-login { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--m); border-radius: 10px; text-decoration: none; font-weight: 700; }
.cs-menu-btn { display: none; width: 44px; height: 44px; border: 0; background: none; padding: 0; color: var(--m); }
@media (max-width: 860px) {
	.cs-menu-btn { display: inline-flex; align-items: center; justify-content: center; }
	.cs-nav { display: none; position: absolute; left: 0; right: 0; top: 60px; background: #fff; border-bottom: 1px solid var(--line); }
	.cs-nav.is-open { display: block; }
	.cs-nav ul { flex-direction: column; gap: 0; padding: 8px 16px; }
	.cs-nav a { display: block; padding: 10px 0; }
}

/* सामग्री */
.cs-main { padding: 28px 0 48px; min-height: 50vh; }
.cs-entry { max-width: 820px; }
.cs-entry p, .cs-entry li { font-size: 17px; }
.cs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 10px; background: var(--m); color: #fff; text-decoration: none; font-weight: 700; border: 0; }
.cs-btn:hover { background: var(--m-dark); color: #fff; }
.cs-btn.is-ghost { background: transparent; color: var(--g-text); border: 2px solid var(--g); }
.cs-card { border: 1.5px solid var(--m); padding: 16px 18px; background: #fff; }

/* फ़ुटर */
.cs-foot { background: var(--m); color: #fff; padding: 32px 0; font-size: 15px; }
.cs-foot a { color: #fff; }
.cs-foot .cs-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; }
.cs-foot .brand { font-family: var(--head); font-size: 24px; font-weight: 800; }
.cs-foot .brand span { color: #B5E07A; }
.cs-foot .fine { font-size: 13px; color: #F3D9E6; margin: 4px 0 0; }
.cs-foot ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, auto)); gap: 6px 32px; }
@media (min-width: 760px) { .cs-foot ul { grid-template-columns: repeat(3, minmax(0, auto)); } }

/* होमपेज (अस्थायी, तीसरे चरण में पूरा डिज़ाइन) */
.cs-home-intro { text-align: center; padding: 8px 0 12px; }
.cs-home-intro h1 { margin: 0; }
.cs-home-intro .c1 { color: var(--m); } .cs-home-intro .c2 { color: var(--g); }
.cs-home-intro p { color: var(--muted); max-width: 640px; margin: 6px auto 0; }