/* مقترح المحرر المتقدم - أنماط العناصر في الموقع والمحرر | muqtarah.com */
:root { --mqe-accent: #0e7c7b; --mqe-radius: 10px; }

/* ===== صناديق التنبيه ===== */
.mqe-box {
	--mqe-c: #2563eb; --mqe-bg: #eff6ff;
	position: relative;
	margin: 1.5em 0;
	padding: 1em 1.25em;
	padding-inline-start: 3.1em;
	border-radius: var(--mqe-radius);
	border-inline-start: 4px solid var(--mqe-c);
	background: var(--mqe-bg);
	color: #1f2937;
	line-height: 1.8;
}
.mqe-box::before {
	position: absolute;
	inset-inline-start: 0.9em;
	top: 0.95em;
	width: 1.5em; height: 1.5em;
	border-radius: 50%;
	background: var(--mqe-c);
	color: #fff;
	font: 700 0.85em/1.5em Tahoma, Arial, sans-serif;
	text-align: center;
	content: "i";
}
.mqe-box > :first-child { margin-top: 0; }
.mqe-box > :last-child { margin-bottom: 0; }
.mqe-box-success { --mqe-c: #16a34a; --mqe-bg: #f0fdf4; }
.mqe-box-success::before { content: "✓"; }
.mqe-box-warning { --mqe-c: #d97706; --mqe-bg: #fffbeb; }
.mqe-box-warning::before { content: "!"; }
.mqe-box-danger { --mqe-c: #dc2626; --mqe-bg: #fef2f2; }
.mqe-box-danger::before { content: "×"; }
.mqe-box-note { --mqe-c: #6b7280; --mqe-bg: #f9fafb; }
.mqe-box-note::before { content: "✎"; }
.mqe-box-tip { --mqe-c: var(--mqe-accent); --mqe-bg: color-mix(in srgb, var(--mqe-accent) 9%, #fff); }
.mqe-box-tip::before { content: "★"; }

/* ===== الأزرار ===== */
.mqe-btn-wrap { margin: 1.25em 0; }
.mqe-btn-wrap.mqe-align-center { text-align: center; }
.mqe-btn-wrap.mqe-align-right { text-align: right; }
.mqe-btn-wrap.mqe-align-left { text-align: left; }
a.mqe-btn, .mqe-btn {
	display: inline-block;
	padding: 0.7em 1.6em;
	border: 2px solid var(--mqe-accent);
	border-radius: 999px;
	background: var(--mqe-accent);
	color: #fff !important;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
a.mqe-btn:hover, a.mqe-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px -8px var(--mqe-accent); }
a.mqe-btn-outline { background: transparent; color: var(--mqe-accent) !important; }
a.mqe-btn-outline:hover { background: var(--mqe-accent); color: #fff !important; }
a.mqe-btn-dark { background: #111827; border-color: #111827; }
a.mqe-btn-whatsapp { background: #25d366; border-color: #25d366; }
a.mqe-btn-sm { padding: 0.45em 1.1em; font-size: 0.875em; }
a.mqe-btn-lg { padding: 0.9em 2.2em; font-size: 1.15em; }

/* ===== الأعمدة ===== */
.mqe-cols { display: grid; gap: 1.5em; margin: 1.5em 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mqe-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mqe-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mqe-cols-custom { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mqe-col-2-3 { grid-column: span 2; }
.mqe-col > :first-child { margin-top: 0; }
.mqe-col > :last-child { margin-bottom: 0; }
@media (max-width: 782px) {
	.mqe-cols, .mqe-cols-3, .mqe-cols-4, .mqe-cols-custom { grid-template-columns: 1fr; }
	.mqe-col-2-3 { grid-column: auto; }
}

/* ===== الأكورديون / الأسئلة الشائعة ===== */
.mqe-faq { margin: 1.5em 0; }
.mqe-details {
	margin: 0 0 0.75em;
	border: 1px solid #e5e7eb;
	border-radius: var(--mqe-radius);
	background: #fff;
	overflow: hidden;
}
.mqe-details > summary {
	position: relative;
	padding: 0.95em 1.2em;
	padding-inline-end: 2.8em;
	cursor: pointer;
	font-weight: 700;
	list-style: none;
}
.mqe-details > summary::-webkit-details-marker { display: none; }
.mqe-details > summary::after {
	position: absolute;
	inset-inline-end: 1.1em;
	top: 50%;
	width: 0.55em; height: 0.55em;
	border-bottom: 2px solid var(--mqe-accent);
	border-inline-end: 2px solid var(--mqe-accent);
	transform: translateY(-70%) rotate(45deg);
	transition: transform .2s ease;
	content: "";
}
.mqe-details[open] > summary { color: var(--mqe-accent); }
.mqe-details[open] > summary::after { transform: translateY(-30%) rotate(225deg); }
.mqe-details-body { padding: 0 1.2em 1em; }
.mqe-details-body > :first-child { margin-top: 0; }
.mqe-details-body > :last-child { margin-bottom: 0; }

/* ===== جدول المحتويات ===== */
.mqe-toc {
	margin: 1.75em 0;
	padding: 1em 1.3em;
	border: 1px solid #e5e7eb;
	border-inline-start: 4px solid var(--mqe-accent);
	border-radius: var(--mqe-radius);
	background: #fafafa;
}
.mqe-toc-title { margin: 0; font-weight: 700; font-size: 1.05em; cursor: pointer; }
nav.mqe-toc .mqe-toc-title { cursor: default; }
.mqe-toc ol { margin: 0.75em 0 0; padding-inline-start: 1.3em; }
.mqe-toc li { margin: 0.3em 0; }
.mqe-toc .mqe-toc-l2 { margin-inline-start: 1.2em; list-style-type: circle; }
.mqe-toc .mqe-toc-l3 { margin-inline-start: 2.4em; list-style-type: square; font-size: 0.95em; }
.mqe-toc .mqe-toc-l4, .mqe-toc .mqe-toc-l5 { margin-inline-start: 3.6em; font-size: 0.92em; }
.mqe-toc a { text-decoration: none; }
.mqe-toc a:hover { text-decoration: underline; }
[id] { scroll-margin-top: 90px; }

/* ===== الجداول ===== */
table.mqe-table { width: 100%; margin: 1.5em 0; border-collapse: collapse; }
table.mqe-table th, table.mqe-table td { padding: 0.65em 0.9em; border: 1px solid #e5e7eb; text-align: start; vertical-align: top; }
table.mqe-table thead th, table.mqe-table tr:first-child th { background: var(--mqe-accent); color: #fff; }
table.mqe-table-striped tbody tr:nth-child(even) { background: #f9fafb; }
table.mqe-table-plain th, table.mqe-table-plain td { border-width: 0 0 1px; }
@media (max-width: 600px) {
	table.mqe-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ===== التظليل والأنماط ===== */
mark.mqe-hl-yellow { background: #fef08a; color: inherit; padding: 0 .15em; }
mark.mqe-hl-green { background: #bbf7d0; color: inherit; padding: 0 .15em; }
mark.mqe-hl-blue { background: #bfdbfe; color: inherit; padding: 0 .15em; }
mark.mqe-hl-pink { background: #fbcfe8; color: inherit; padding: 0 .15em; }
.mqe-lead { font-size: 1.2em; line-height: 1.8; color: #374151; }
.mqe-small { font-size: 0.85em; color: #6b7280; }
.mqe-accent-heading { color: var(--mqe-accent); }

/* ===== كتل الكود ===== */
pre[class*="language-"] { direction: ltr; text-align: left; overflow-x: auto; padding: 1em; border-radius: var(--mqe-radius); background: #0f172a; color: #e2e8f0; }