/* لمسات هندسية + خطوط تركوازية (طلب قاسم 2026-11-02) — رسومات مخططات خفيفة في زوايا الأقسام */
:root {
  --geo-teal: #12857F;
  --geo-gold: #BB7917;
  /* زاوية مخطط: أقواس فرجار + خطوط قياس + علامة تقاطع */
  --geo-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke='%2312857F' stroke-width='1.4'%3E%3Ccircle cx='300' cy='0' r='90'/%3E%3Ccircle cx='300' cy='0' r='150' stroke-dasharray='4 6'/%3E%3Ccircle cx='300' cy='0' r='210'/%3E%3Cpath d='M300 0 L120 180' stroke-dasharray='2 5'/%3E%3Cpath d='M60 40 h60 M90 10 v60' stroke='%23BB7917'/%3E%3Ccircle cx='90' cy='40' r='6' stroke='%23BB7917'/%3E%3Cpath d='M300 250 H200 M200 244 v12 M300 244 v12'/%3E%3C/svg%3E");
  /* مكعب متساوي القياس + شبكة نقاط */
  --geo-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260' fill='none' stroke='%2312857F' stroke-width='1.4'%3E%3Cpath d='M130 60 L190 95 L190 165 L130 200 L70 165 L70 95 Z'/%3E%3Cpath d='M70 95 L130 130 L190 95 M130 130 V200' /%3E%3Cpath d='M130 30 L220 82 L220 178 L130 230 L40 178 L40 82 Z' stroke-dasharray='3 6' stroke='%23BB7917'/%3E%3Cg fill='%2312857F' stroke='none'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3Ccircle cx='50' cy='20' r='2'/%3E%3Ccircle cx='80' cy='20' r='2'/%3E%3Ccircle cx='20' cy='50' r='2'/%3E%3Ccircle cx='50' cy='50' r='2'/%3E%3Ccircle cx='20' cy='80' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* الأقسام: رسمة في زاوية علوية، وأخرى سفلية بالتناوب */
.sec { position: relative; isolation: isolate; overflow: hidden; }
.sec::before, .sec::after { content: ""; position: absolute; z-index: -1; pointer-events: none; background-repeat: no-repeat; background-size: contain; }
.sec::before { width: clamp(180px, 22vw, 300px); aspect-ratio: 1; top: 0; inset-inline-end: 0; background-image: var(--geo-a); opacity: .32; }
[dir="rtl"] .sec::before { transform: scaleX(-1); }
.sec:nth-of-type(even)::after { width: clamp(150px, 16vw, 230px); aspect-ratio: 1; bottom: 24px; inset-inline-start: 18px; background-image: var(--geo-b); opacity: .28; }

/* خط تركوازي تحت عناوين الأقسام */
.sec-head h2 { position: relative; padding-bottom: 16px; }
.sec-head h2::after { content: ""; position: absolute; bottom: 0; inset-inline-start: 0; width: 72px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--geo-teal), var(--geo-teal) 70%, var(--geo-gold) 70%); }
[dir="rtl"] .sec-head h2::after { background: linear-gradient(270deg, var(--geo-teal), var(--geo-teal) 70%, var(--geo-gold) 70%); }
.center .sec-head h2::after { inset-inline-start: 50%; transform: translateX(-50%); }
[dir="rtl"] .center .sec-head h2::after { transform: translateX(50%); }

/* فواصل الأقسام: خط تركوازي متقطع رفيع */
.sec + .sec, .sec + div + .sec { border-top: 1px dashed rgba(18, 133, 127, .28); }
.sec-sand { background-image: linear-gradient(rgba(18, 133, 127, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 133, 127, .05) 1px, transparent 1px); background-size: 46px 46px; }

/* البطاقات: خط تركوازي ظاهر دائمًا أعلى كل بطاقة */
.svc::before { width: 56px; background: linear-gradient(270deg, var(--geo-teal), var(--geo-gold)); }
.svc:hover::before { width: 100%; }
.post-shot { position: relative; }
.post-shot::after { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: linear-gradient(90deg, var(--geo-teal), var(--geo-gold)); transform: scaleX(0); transition: transform .35s; }
.post-shot:hover::after { transform: scaleX(1); }
.stats-grid { border-top: 3px solid var(--geo-teal); }
.faq details[open] { border-inline-start: 3px solid var(--geo-teal); }
.step i { box-shadow: 0 0 0 6px rgba(18, 133, 127, .12); }

/* رأس الصفحات الداخلية: زاوية مخطط بيضاء */
.page-head { position: relative; }
.page-head::after { content: ""; position: absolute; top: 0; inset-inline-start: 0; width: clamp(160px, 20vw, 280px); aspect-ratio: 1; background: var(--geo-a) no-repeat center / contain; opacity: .22; filter: brightness(3); pointer-events: none; }

/* الوضع الليلي: نفس الرسومات بلون أفتح وشفافية أقل */
[data-theme="dark"] { --geo-teal: #4FD1C5; --geo-gold: #E4B866; }
[data-theme="dark"] .sec::before { opacity: .16; filter: brightness(1.8) saturate(1.2); }
[data-theme="dark"] .sec:nth-of-type(even)::after { opacity: .14; filter: brightness(1.8); }
[data-theme="dark"] .sec + .sec { border-top-color: rgba(79, 209, 197, .18); }
[data-theme="dark"] .sec-sand { background-image: linear-gradient(rgba(79, 209, 197, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 209, 197, .04) 1px, transparent 1px); }

@media (max-width: 700px) { .sec:nth-of-type(even)::after { display: none; } .sec::before { opacity: .2; } }
@media print { .sec::before, .sec::after, .page-head::after { display: none; } }