/* ===========================================================================
   FirOn — قالب صفحة الخدمة الموحّد + كسوة جزر الجولة السابعة
   يخدم: استشارات · التصميم التعليمي · تدريب متخصص · العودة الذكية ·
   احجز خدمتك الآن · الوصول التدريبي إلى Canva.
   رموز نظام تصميم FirOn فقط.
   =========================================================================== */
:root{--surface-warm:#FCF5EF;--gold-decor:#A08A5C;--gold-decor-30:color-mix(in srgb,var(--gold-decor) 30%,transparent)}
body{background:var(--surface-page);overflow-x:hidden}
main,.svc-sec,.svc-shell{text-align:start}
.skip{position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-4);background:var(--color-action);color:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;z-index:60}
.skip:focus{inset-block-start:var(--space-2)}
.svc-shell{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--space-8)}
.svc-sec{padding-block:var(--space-24)}
.svc-sec--sunken{background:var(--surface-sunken)}
.svc-sec--warm{background:var(--surface-warm);border-block:var(--border-width) solid var(--gold-decor-30)}
.svc-sec--inverse{background:var(--color-surface-inverse);color:var(--white);--focus-ring-color:var(--white)}
.svc-sec--inverse h2,.svc-sec--inverse h3{color:var(--white)}
.svc-sec--inverse p{color:var(--color-on-inverse)}
h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-heading);color:var(--text-heading);margin:0 0 var(--space-4)}
h2{font-size:var(--fs-h2);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--text-heading);margin:0 0 var(--space-4)}
h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading);margin:0}
.svc-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);margin:0 0 var(--space-4);max-inline-size:74ch}
.svc-body:last-child{margin-block-end:0}
.svc-lede{font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--text-body);margin:0;max-inline-size:66ch}
.svc-kicker{display:inline-flex;align-items:center;min-block-size:28px;padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caption);line-height:1.6;margin-block-end:var(--space-3)}
/* ---------- هيرو الخدمة (موحّد في الثلاث) ---------- */
.svc-hero{padding-block:var(--space-24)}
.svc-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-16);align-items:center}
/* ---------- مكوّن الأرقام المعتمد — منقول حرفياً من FirOn About.html ---------- */
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}
.stat{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);background:var(--surface-card);border:var(--border-width) solid var(--gold-decor-30);border-radius:var(--radius-md);padding:var(--space-6)}
.stat__num{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:1.4;color:var(--color-action);margin:var(--space-2) 0 0;direction:ltr;unicode-bidi:isolate;inline-size:fit-content;align-self:flex-start}
.stat__lbl{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);margin:0}
.ictile{flex:none;inline-size:48px;block-size:48px;border-radius:var(--radius-md);background:var(--brand-50);color:var(--color-action);display:flex;align-items:center;justify-content:center}
.ictile svg{inline-size:24px;block-size:24px}
@media (max-width:640px){
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{padding:var(--space-4);gap:var(--space-1)}
.stat__num{font-size:var(--fs-h3);margin-block-start:var(--space-2)}
.stat .ictile{inline-size:36px;block-size:36px;border-radius:var(--radius-sm)}
.stat .ictile svg{inline-size:18px;block-size:18px}
.stat__lbl{font-size:var(--fs-small)}
}
/* بطاقة الهيرو المفردة: مسار واحد لا ثلاثة — بعد قواعد .stats كي تتغلّب عليها */
.stats--hero{grid-template-columns:1fr;max-inline-size:360px}
.svc-actions{display:flex;flex-direction:row;gap:12px;align-items:stretch;flex-wrap:wrap;margin-block-start:var(--space-8)}
.svc-actions>*{min-block-size:56px;flex:0 0 auto}
.svc-actions .firon-btn--primary{min-inline-size:220px;padding-inline:var(--space-8);justify-content:center}
.svc-actions .firon-btn--secondary{padding-inline:var(--space-6)}
/* ---------- شبكات المحتوى ---------- */
.svc-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.svc-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.svc-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);block-size:100%;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}
.svc-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--brand-200)}
.svc-item p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:0}
.svc-tile{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-md);background:var(--brand-50);color:var(--color-action);flex:none}
.svc-tile svg{inline-size:22px;block-size:22px}
.svc-sec--inverse .svc-item{background:var(--brand-700);border-color:var(--brand-400)}
.svc-sec--inverse .svc-item p{color:var(--brand-50)}
.svc-sec--inverse .svc-tile{background:var(--brand-50);color:var(--brand-900)}
/* ---------- خطوات مرقّمة (نفس لغة صفحة الشهادات) ---------- */
.svc-steps{display:grid;gap:var(--space-6);margin-block-start:var(--space-8)}
.svc-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-8)}
.svc-step__n{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border-radius:var(--radius-md);background:var(--color-action);color:var(--white);font-family:var(--font-latin),var(--font-core);font-size:var(--fs-h4);font-weight:var(--fw-bold);flex:none}
.svc-step p{margin:var(--space-2) 0 0;font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body)}
/* ---------- قوائم مؤهّلات / منع ---------- */
.svc-checks{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.svc-checks li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}
.svc-checks svg{flex:none;inline-size:22px;block-size:22px;margin-block-start:4px;color:var(--color-action)}
.svc-deny li svg{color:var(--red-600)}
.svc-note{margin-block-start:var(--space-8);padding:var(--space-6);background:var(--surface-warm);border:var(--border-width) solid var(--gold-decor-30);border-radius:var(--radius-md);font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body)}
.svc-link{display:inline-flex;align-items:center;min-block-size:var(--touch-min);color:var(--color-action);font-size:var(--fs-small);font-weight:var(--fw-medium);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.svc-link:hover{color:var(--brand-800);text-decoration-thickness:2px}
/* ---------- بطاقات المدد ---------- */
.svc-durations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-8)}
.svc-duration{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-8);background:var(--surface-card);border:var(--border-width-strong) solid var(--brand-200);border-radius:var(--radius-md)}
.svc-duration b{font-family:var(--font-latin),var(--font-core);font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:1.2;color:var(--brand-800)}
.svc-duration span{font-size:var(--fs-small);line-height:1.6;color:var(--text-body)}
.svc-duration--wide{background:var(--brand-50);border-color:var(--color-action)}
/* ---------- بطاقة إحالة بارزة (العودة الذكية داخل التدريب) ---------- */
.svc-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-12);align-items:center;padding:var(--space-12);background:var(--surface-warm);border:var(--border-width-strong) solid var(--gold-decor-30);border-radius:16px}
.svc-feature__media{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--brand-50)}
/* أصول طولية (صورة شخص أو رسم رأسي) تأخذ إطاراً طولياً لا قصّاً عريضاً */
/* inline-size:100% إلزامي: مع margin-inline:auto وحده يمتصّ الهامشان كل المساحة فيصير العرض 0 */
.svc-feature__media--portrait{aspect-ratio:4/5;inline-size:100%;max-inline-size:380px;margin-inline:auto}
.svc-feature__media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 15%;display:block}
/* رسم طولي جداً (0.56) لا يُقصّ: يُحتوى كاملاً على سطح الرمز الفاتح */
.svc-feature__media.svc-feature__media--fit img{object-fit:contain;background:var(--brand-50)}
@media (max-width:1024px){
.svc-sec,.svc-hero{padding-block:var(--space-16)}
.svc-hero__grid,.svc-feature{grid-template-columns:1fr;gap:var(--space-8)}
.svc-grid3,.svc-durations{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc-feature{padding:var(--space-8)}
}
@media (max-width:640px){
.svc-shell{padding-inline:var(--gutter)}
.svc-grid2,.svc-grid3,.svc-durations{grid-template-columns:1fr;gap:12px}
.svc-item{padding:var(--space-4);gap:var(--space-2)}
.svc-step{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6)}
.svc-actions{flex-direction:column}
.svc-actions>*{inline-size:100%;min-inline-size:0}
h1{font-size:var(--fs-h2)}
.svc-proof b{font-size:var(--fs-h1)}
}
@media (prefers-reduced-motion:reduce){.svc-item{transition:none}.svc-item:hover{transform:none}}

/* ===========================================================================
   جزيرة المتدربين (إضافة خارجية) — كسوة فوق أصنافها الحقيقية.
   الأنماط المضمّنة في الجزيرة تسبق هذا الملف، فيلزم !important لتجاوزها،
   ولا يُخفى أي عنصر وظيفي (البحث والترقيم يعملان).
   =========================================================================== */
.firon-trainees-section{inline-size:100% !important;max-inline-size:1200px !important;margin:0 auto !important;border-radius:16px !important;border:var(--border-width) solid var(--border-subtle) !important;background:var(--surface-card) !important;box-shadow:none !important;font-family:var(--font-core) !important}
.firon-trainees-inner{padding:var(--space-8) !important}
.firon-trainees-hero{margin-block-end:var(--space-6) !important;padding:var(--space-8) !important;border-radius:var(--radius-md) !important;background:var(--color-surface-inverse) !important;color:var(--white) !important}
.firon-trainees-hero:after{display:none !important}
.firon-trainees-title{font-size:var(--fs-h3) !important;font-weight:var(--fw-semibold) !important;line-height:var(--lh-heading) !important;color:var(--white) !important}
.firon-trainees-pride{font-size:var(--fs-body) !important;font-weight:var(--fw-regular) !important;line-height:var(--lh-body) !important;color:var(--brand-50) !important}
.firon-trainees-pride strong{background:var(--accent-yellow) !important;color:var(--brand-900) !important;font-family:var(--font-latin),var(--font-core) !important;font-weight:var(--fw-bold) !important;min-block-size:26px}
.firon-trainees-assurance,.firon-trainees-description{font-size:var(--fs-small) !important;line-height:var(--lh-body) !important;color:var(--brand-50) !important}
.firon-trainees-search{gap:var(--space-3) !important;margin:0 0 var(--space-6) !important}
.firon-trainees-search input[type=search]{min-block-size:var(--touch-min) !important;padding-block:10px !important;padding-inline:var(--space-4) !important;border:var(--border-width) solid var(--border-default) !important;border-radius:var(--radius-sm) !important;background:var(--white) !important;color:var(--text-body) !important;font-family:var(--font-core) !important;font-size:var(--fs-small) !important}
.firon-trainees-search input[type=search]::placeholder{color:var(--ink-500) !important}
.firon-trainees-search input[type=search]:hover{border-color:var(--brand-400) !important}
.firon-trainees-search input[type=search]:focus{border-color:var(--brand-700) !important}
.firon-trainees-search button{min-inline-size:110px !important;min-block-size:var(--touch-min) !important;padding-inline:var(--space-6) !important;border:var(--border-width-strong) solid var(--color-action) !important;border-radius:var(--radius-sm) !important;background:var(--color-action) !important;color:var(--white) !important;font-family:var(--font-core) !important;font-size:var(--fs-small) !important;font-weight:var(--fw-semibold) !important;cursor:pointer}
.firon-trainees-search button:hover{background:var(--color-action-hover) !important;border-color:var(--color-action-hover) !important}
.firon-trainees-count{margin:0 0 var(--space-4) !important;font-size:var(--fs-caption) !important;line-height:1.6 !important;color:var(--text-muted) !important}
.firon-trainees-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:var(--space-4) !important}
.firon-trainee-card{display:flex !important;align-items:flex-start !important;gap:var(--space-3) !important;padding:var(--space-4) !important;background:var(--surface-card) !important;border:var(--border-width) solid var(--border-subtle) !important;border-radius:var(--radius-md) !important;box-shadow:none !important;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.firon-trainee-card:hover{border-color:var(--brand-200) !important;box-shadow:var(--shadow-hover) !important}
.firon-trainee-icon{flex:none !important;display:flex !important;align-items:center !important;justify-content:center !important;inline-size:36px !important;block-size:36px !important;border-radius:var(--radius-sm) !important;background:var(--brand-50) !important;color:var(--color-action) !important}
.firon-trainee-icon svg{inline-size:20px !important;block-size:20px !important}
.firon-trainee-info{min-inline-size:0 !important;display:flex !important;flex-direction:column !important;gap:4px !important}
.firon-trainee-name{margin:0 !important;font-size:var(--fs-small) !important;font-weight:var(--fw-semibold) !important;line-height:1.5 !important;color:var(--text-heading) !important}
.firon-trainee-date{display:inline-flex !important;align-items:center !important;gap:6px !important;font-family:var(--font-latin),var(--font-core) !important;font-size:var(--fs-caption) !important;line-height:1.6 !important;color:var(--text-muted) !important}
.firon-trainee-date svg{inline-size:14px !important;block-size:14px !important}
.firon-trainees-pagination{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:var(--space-2) !important;margin-block-start:var(--space-8) !important}
.firon-trainees-pagination a,.firon-trainees-pagination span{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-inline-size:var(--touch-min) !important;min-block-size:var(--touch-min) !important;padding-inline:var(--space-3) !important;border:var(--border-width) solid var(--border-default) !important;border-radius:var(--radius-sm) !important;background:var(--white) !important;color:var(--color-action) !important;font-family:var(--font-latin),var(--font-core) !important;font-size:var(--fs-small) !important;font-weight:var(--fw-medium) !important;text-decoration:none !important}
.firon-trainees-pagination a:hover{background:var(--brand-50) !important;border-color:var(--brand-400) !important;color:var(--brand-800) !important}
.firon-trainees-pagination .current,.firon-trainees-pagination span[aria-current]{background:var(--color-action) !important;border-color:var(--brand-900) !important;color:var(--white) !important;font-weight:var(--fw-bold) !important}
@media (max-width:1024px){.firon-trainees-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:768px){.firon-trainees-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.firon-trainees-inner{padding:var(--space-6) !important}}
@media (max-width:520px){.firon-trainees-grid{grid-template-columns:1fr !important}.firon-trainees-search{flex-wrap:wrap}.firon-trainees-search button{inline-size:100% !important}}

/* ===========================================================================
   جزيرة الشهادات (Strong Testimonials) — بطاقات اقتباس هادئة.
   السلايدر يضبط عرض/ارتفاع العناصر بأنماط سطرية، فتُحيَّد إلى تدفّق شبكي.
   =========================================================================== */
.strong-view{max-inline-size:1200px;margin-inline:auto;font-family:var(--font-core)}
.strong-view .wpmslider-wrapper,.strong-view .wpmslider-viewport{max-inline-size:none !important;block-size:auto !important;overflow:visible !important;position:static !important}
.strong-view .strong-content{position:static !important;inline-size:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.wpmtst-testimonial{position:static !important;inline-size:auto !important;block-size:auto !important;float:none !important;display:flex !important;z-index:auto !important}
.wpmtst-testimonial-inner{display:flex;flex-direction:column;gap:var(--space-3);inline-size:100%;padding:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}
.wpmtst-testimonial-heading{margin:0;font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading)}
.wpmtst-testimonial-content,.jp-forms__field-preview-value{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body)}
.testimonial-company{font-size:var(--fs-caption);line-height:1.6;color:var(--text-muted)}
.strong-rating-wrapper{display:inline-flex;gap:2px;color:var(--gold-decor)}
.strong-rating .star svg{inline-size:16px;block-size:16px;fill:currentColor}
.strong-view .wpmslider-controls,.strong-view .wpmslider-pager{display:none}
@media (max-width:1024px){.strong-view .strong-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.strong-view .strong-content{grid-template-columns:1fr}}

/* ---------- بطاقة نموذج الحجز + راديو الأنواع الثمانية ----------
   نفس نظام النموذج المعتمد (firon-jetpack-form.css)؛ الجديد فقط شبكة الخيارات. */
.bk-form-card{padding:var(--space-12);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:16px}
.bk-form-card .grunion-radio-options{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.bk-form-card .wp-block-jetpack-field-radio .jetpack-field-multiple__fieldset{display:block;min-block-size:0;padding:0}
.bk-form-card .wp-block-jetpack-field-radio legend{float:none;inline-size:100%;margin-block-end:var(--space-3)}
.bk-form-card .wp-block-jetpack-field-radio .grunion-radio-options{margin-inline-start:0}
.bk-form-card .wp-block-jetpack-field-radio{padding-inline:0;background:none;border:0}
.bk-form-card .grunion-radio-options .contact-form-field{min-block-size:var(--touch-min)}
.bk-form-card .grunion-radio-label.radio{justify-content:flex-start;text-align:start;border-radius:var(--radius-pill)}
@media (max-width:640px){.bk-form-card{padding:var(--space-6)}.bk-form-card .grunion-radio-options{grid-template-columns:1fr !important}}