/*
Theme Name: IJC Hello Child
Theme URI: https://iranjobcenter.org
Description: Child theme of Hello Elementor for «مرکز کار ایران» — self-hosted Vazirmatn, design tokens (Stitch "Sovereign Portal"), RTL fixes, article styles and DB-lean defaults.
Author: Persian Group
Template: hello-elementor
Version: 1.0.0
Requires PHP: 8.1
Text Domain: ijc-hello-child
*/

/* ---------- Design tokens (mirror of Elementor Global Colors) ---------- */
:root {
	--ijc-primary: #102a43;
	--ijc-primary-container: #1e3a5f;
	--ijc-secondary: #2563a6;
	--ijc-secondary-light: #e9f2fe;
	--ijc-accent: #d97706;
	--ijc-accent-dim: #b45309;
	--ijc-surface: #f5f7fa;
	--ijc-card: #ffffff;
	--ijc-border: #e2e8f0;
	--ijc-text: #0f172a;
	--ijc-muted: #64748b;
	--ijc-radius: 8px;
	--ijc-radius-lg: 16px;
	--ijc-radius-md: 12px;
	--ijc-shadow-sm: 0 1px 2px rgba(16, 42, 67, .06);
	--ijc-font: "Vazirmatn", Tahoma, Arial, sans-serif;
	--ijc-max: 1280px;
}

/* ---------- Base ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
	font-family: var(--ijc-font);
	background: var(--ijc-surface);
	color: var(--ijc-text);
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "ss01";
	overflow-x: hidden;
}
body, button, input, select, textarea { font-family: var(--ijc-font); }
a { color: var(--ijc-secondary); }
a:hover { color: var(--ijc-primary); }
::selection { background: var(--ijc-secondary); color: #fff; }
img { max-width: 100%; height: auto; }

/* RTL fixes for Hello + Elementor */
body.rtl { direction: rtl; text-align: right; }
.rtl .elementor-widget-icon-list .elementor-icon-list-icon { padding-left: 6px; padding-right: 0; }
.rtl input[type="search"], .rtl input[type="text"], .rtl input[type="email"], .rtl textarea { text-align: right; }
.rtl input[type="tel"], .rtl input[type="number"] { direction: ltr; text-align: right; }
.ijc-ltr { direction: ltr; unicode-bidi: embed; }

/* Hello's page title is replaced by Theme Builder templates */
.page-header .entry-title { color: var(--ijc-primary); }

/* ---------- Article (single post) content styles ---------- */
.ijc-article, .elementor-widget-theme-post-content { font-size: 16px; line-height: 2; color: var(--ijc-text); }
.ijc-article h2, .elementor-widget-theme-post-content h2 { font-size: 1.35rem; font-weight: 800; color: var(--ijc-primary); margin: 1.8em 0 .6em; }
.ijc-article h3, .elementor-widget-theme-post-content h3 { font-size: 1.15rem; font-weight: 700; color: var(--ijc-primary); margin: 1.5em 0 .5em; }
.elementor-widget-theme-post-content p { margin: 0 0 1.1em; }
.elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol { padding-right: 1.4em; padding-left: 0; margin: 0 0 1.1em; }
.elementor-widget-theme-post-content img { border-radius: var(--ijc-radius-md); }
.elementor-widget-theme-post-content blockquote {
	margin: 1.4em 0; padding: 12px 18px; border-right: 4px solid var(--ijc-secondary); border-left: 0;
	background: var(--ijc-secondary-light); border-radius: var(--ijc-radius); color: var(--ijc-primary);
}
.elementor-widget-theme-post-content table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 14px; }
.elementor-widget-theme-post-content th, .elementor-widget-theme-post-content td { border: 1px solid var(--ijc-border); padding: 8px 10px; }
.elementor-widget-theme-post-content th { background: var(--ijc-surface); color: var(--ijc-primary); }

.quick-answer {
	background: var(--ijc-secondary-light); border: 1px solid #cfe1fb; border-right: 4px solid var(--ijc-secondary);
	border-radius: var(--ijc-radius-md); padding: 14px 18px; margin: 0 0 1.4em; color: var(--ijc-primary);
}
.quick-answer > :first-child { margin-top: 0; }
.quick-answer > :last-child { margin-bottom: 0; }
.quick-answer strong:first-child { display: block; margin-bottom: 4px; color: var(--ijc-secondary); }

.cta-box {
	background: var(--ijc-primary); color: #fff; border-radius: var(--ijc-radius-md); padding: 18px 20px; margin: 1.6em 0;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
}
.cta-box p { margin: 0; color: #e9f2fe; }
.cta-box a, .cta-box .button {
	display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 10px;
	background: #fff; color: var(--ijc-primary); font-weight: 700; text-decoration: none;
}
.cta-box a:hover { background: var(--ijc-secondary-light); }

.elementor-widget-theme-post-content details {
	border: 1px solid var(--ijc-border); border-radius: var(--ijc-radius); background: #fff; margin: 0 0 10px; padding: 0 14px;
}
.elementor-widget-theme-post-content details > summary {
	cursor: pointer; padding: 12px 0; font-weight: 700; color: var(--ijc-primary); list-style: none; position: relative; padding-left: 24px;
}
.elementor-widget-theme-post-content details > summary::-webkit-details-marker { display: none; }
.elementor-widget-theme-post-content details > summary::after {
	content: "+"; position: absolute; left: 0; top: 10px; font-size: 18px; color: var(--ijc-secondary);
}
.elementor-widget-theme-post-content details[open] > summary::after { content: "−"; }
.elementor-widget-theme-post-content details[open] { padding-bottom: 12px; }

/* Screen-reader helper */
.ijc-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }