/*
Theme Name: دليلك للشهادات الاحترافية
Theme URI: https://career-certifications-2026.oraifas.chatgpt.site/
Author: م. علاء سمير عريف
Description: قالب عربي احترافي لاكتشاف الشهادات المهنية، دعم هدف، المقارنة وبناء الخطة السنوية.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: daleel-certifications
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

    :root {
      --navy-950:#031227;
      --navy-900:#061833;
      --navy-800:#0a203e;
      --navy-700:#153556;
      --purple:#7048ff;
      --purple-dark:#5632e7;
      --green:#079d73;
      --green-dark:#057455;
      --lime:#baff32;
      --ink:#0b2038;
      --muted:#66778c;
      --paper:#fff;
      --surface:#f6f8fc;
      --surface-2:#edf2f7;
      --line:#dce4ed;
      --warning:#b86a00;
      --danger:#c5413a;
      --shadow:0 16px 48px rgba(5,25,53,.10);
      --shadow-soft:0 8px 28px rgba(5,25,53,.07);
      --radius:12px;
    }

    * { box-sizing:border-box }
    html { scroll-behavior:smooth; scroll-padding-top:92px }
    body { margin:0; background:var(--surface); color:var(--ink); font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif; line-height:1.75; direction:rtl; text-align:right }
    body.lock { overflow:hidden }
    button,input,select { font:inherit }
    button { cursor:pointer }
    a { color:inherit; text-decoration:none }
    img { max-width:100% }
    h1,h2,h3,.display { font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif; font-weight:700; line-height:1.45 }
    :focus-visible { outline:3px solid #baff32; outline-offset:3px }
    .wrap { width:min(1240px,calc(100% - 40px)); margin-inline:auto }
    .skip { position:fixed; right:-1000px; top:10px; z-index:1000; background:#fff; color:#000; padding:10px 16px }
    .skip:focus { right:16px }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }

    .trust-bar { background:var(--navy-950); color:#c4d0df; border-bottom:1px solid rgba(255,255,255,.08); font-size:12px }
    .trust-bar .wrap { min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:20px }
    .trust-note { display:flex; align-items:center; gap:8px }
    .trust-note::before { content:''; width:7px; height:7px; border-radius:50%; background:#4be0a6; box-shadow:0 0 0 4px rgba(75,224,166,.12) }

    .site-header { position:sticky; top:0; z-index:40; background:rgba(6,24,51,.97); color:#fff; border-bottom:1px solid rgba(255,255,255,.09); backdrop-filter:blur(14px) }
    .nav { min-height:82px; display:flex; align-items:center; gap:28px }
    .brand { margin-left:auto; display:flex; align-items:center; gap:12px; min-width:230px }
    .brand img { width:58px; height:58px; object-fit:cover; border-radius:8px; border:1px solid rgba(255,255,255,.16) }
    .brand strong { display:block; font-size:15px }
    .brand small { display:block; color:#9dafc6; font-size:10px }
    .main-nav { display:flex; align-items:center; gap:24px; font-size:13px; font-weight:700 }
    .main-nav a { color:#dce5f1; padding:29px 0; position:relative }
    .main-nav a:hover { color:#fff }
    .main-nav a:hover::after { content:''; position:absolute; right:0; left:0; bottom:0; height:3px; background:var(--purple) }
    .nav-actions { display:flex; gap:10px }
    .menu-button { display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.24); color:#fff; background:rgba(255,255,255,.06); border-radius:8px }

    .button { min-height:46px; border:0; border-radius:8px; padding:11px 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:800; transition:transform .2s,box-shadow .2s,background .2s }
    .button:hover { transform:translateY(-2px) }
    .button-purple { background:linear-gradient(135deg,var(--purple),var(--purple-dark)); color:#fff; box-shadow:0 10px 28px rgba(112,72,255,.30) }
    .button-green { background:var(--green); color:#fff }
    .button-navy { background:var(--navy-800); color:#fff }
    .button-outline { background:transparent; color:inherit; border:1px solid #aebdcb }
    .button-hrdf { background:var(--navy-800); color:#fff; border:2px solid #8ba4bd; box-shadow:0 8px 20px rgba(5,25,53,.14) }
    .button-hrdf:hover { background:var(--navy-700); border-color:var(--navy-700) }
    .button-small { min-height:38px; padding:8px 13px; font-size:11px }

    .hero { position:relative; overflow:hidden; background:radial-gradient(circle at 72% 12%,rgba(30,75,132,.55),transparent 34%),linear-gradient(135deg,#071b3a,#041228); color:#fff }
    .hero::before { content:''; position:absolute; width:620px; height:620px; left:-270px; top:-310px; border:1px solid rgba(112,72,255,.32); border-radius:50%; box-shadow:0 0 0 45px rgba(112,72,255,.05),0 0 0 96px rgba(112,72,255,.04) }
    .hero-grid { min-height:720px; padding:64px 0; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:46px; position:relative }
    .eyebrow { color:#50df8b; font-weight:900; font-size:12px; display:flex; align-items:center; gap:9px }
    .eyebrow::before { content:''; width:26px; height:2px; background:currentColor }
    .hero h1 { font-size:clamp(39px,4.5vw,58px); letter-spacing:-1.4px; margin:17px 0 14px }
    .hero h1 span { display:block }
    .hero-copy > p { color:#c7d3e3; font-size:18px; max-width:690px; margin:0 0 26px }
    .hero-search { background:#fff; border:1px solid rgba(255,255,255,.25); border-radius:11px; display:flex; overflow:hidden; box-shadow:0 18px 56px rgba(0,0,0,.34); max-width:720px }
    .hero-search input { min-width:0; flex:1; border:0; outline:0; padding:15px 18px; color:var(--ink); background:#fff }
    .hero-search button { width:112px; border:0; color:#fff; font-weight:900; background:linear-gradient(135deg,var(--purple),var(--purple-dark)) }
    .hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:20px }
    .hero .button-outline { border-color:rgba(255,255,255,.35); color:#fff }
    .founder-visual { min-height:540px; position:relative; display:grid; grid-template-columns:1.18fr .82fr; grid-template-areas:'copy photo'; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:24px; box-shadow:0 30px 80px rgba(0,0,0,.38); background:linear-gradient(145deg,#0d294d,#06172f) }
    .founder-visual::before { content:''; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:38px 38px }
    .founder-photo { grid-area:photo; z-index:1; min-width:0; overflow:hidden; background:radial-gradient(circle at 50% 28%,#1b456e,#0a2343 70%) }
    .founder-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 4%; filter:saturate(.96) contrast(1.03); transform:scale(1.02); transform-origin:top center }
    .founder-quote { grid-area:copy; z-index:2; position:relative; padding:42px 34px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(96,224,173,.32); background:linear-gradient(135deg,rgba(5,24,51,.94),rgba(7,31,59,.82)) }
    .founder-quote::before { content:'“'; width:52px; height:52px; display:grid; place-items:center; margin-bottom:14px; border:1px solid rgba(96,224,173,.32); border-radius:50%; color:#60e0ad; background:rgba(96,224,173,.08); font-size:42px; line-height:1 }
    .founder-quote p { margin:0 0 24px; color:#edf3f8; font-size:13.5px; line-height:2.12 }
    .founder-signature { position:relative; padding-top:17px; border-top:1px solid rgba(255,255,255,.16) }
    .founder-signature::before { content:''; position:absolute; right:0; top:-1px; width:70px; height:2px; background:#60e0ad }
    .founder-signature strong { display:block; font-size:18px }

    .stats { background:#fff; border-bottom:1px solid var(--line); box-shadow:0 12px 34px rgba(7,27,53,.06) }
    .stats-grid { display:grid; grid-template-columns:repeat(4,1fr) }
    .stat { padding:24px 22px; border-left:1px solid var(--line) }
    .stat:last-child { border-left:0 }
    .stat b { display:block; font-size:30px; color:var(--purple) }
    .stat:last-child b { color:var(--green) }
    .stat span { color:var(--muted); font-size:12px }
    .source-strip { background:#fff; border-bottom:1px solid var(--line) }
    .source-strip__inner { min-height:78px; display:grid; grid-template-columns:1.25fr repeat(4,1fr); align-items:center; gap:20px }
    .source-strip__title { color:var(--muted); font-size:10px }
    .source-strip__title strong { display:block; color:var(--ink); font-size:11px }
    .source-identity { display:flex; align-items:center; gap:9px; color:#64778b; font-size:10px; font-weight:800; filter:grayscale(1) }
    .source-identity span { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; color:var(--navy-700); background:#f8fafc; font-size:9px }
    .platform-intro { padding:58px 0; background:linear-gradient(180deg,#fff,#f7f9fc); border-bottom:1px solid var(--line) }
    .platform-intro__grid { display:grid; grid-template-columns:1fr; gap:24px }
    .initiative-copy { max-width:900px }
    .platform-intro h2 { font-size:30px; margin:6px 0 }
    .platform-intro p { max-width:800px; color:var(--muted); margin:0; font-size:14px }
    .platform-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
    .platform-step { min-height:150px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--purple); border-radius:11px; padding:20px; box-shadow:var(--shadow-soft) }
    .platform-step:nth-child(2) { border-top-color:#1686dc }
    .platform-step:nth-child(3) { border-top-color:#12ad81 }
    .platform-step span { width:40px; height:40px; display:grid; place-items:center; border-radius:8px; margin-bottom:12px; color:#fff; background:linear-gradient(145deg,var(--purple),var(--purple-dark)); font-weight:900 }
    .platform-step:nth-child(2) span { background:linear-gradient(145deg,#1686dc,#2950b7) }
    .platform-step:nth-child(3) span { background:linear-gradient(145deg,#12ad81,#067458) }
    .platform-step b { display:block; font-size:14px }
    .platform-step small { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.75 }

    .section { padding:88px 0 }
    .section-white { background:#fff }
    .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:32px }
    .section-head h2 { font-size:36px; margin:7px 0 }
    .section-head p { color:var(--muted); max-width:700px; margin:0 }
    .kicker { color:var(--purple); font-weight:900; font-size:12px }
    .kicker-green { color:var(--green) }
    .section-number { font-size:58px; line-height:1; color:#dfe6ee }

    .paths-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
    .path-card { --track:#7048ff; min-height:340px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--track); border-radius:11px; padding:21px; display:flex; flex-direction:column; box-shadow:var(--shadow-soft); transition:transform .2s,box-shadow .2s }
    .path-card:hover { transform:translateY(-5px); box-shadow:var(--shadow) }
    .path-card__top { display:flex; align-items:center; justify-content:space-between }
    .path-number { color:var(--track); font-weight:900; font-size:12px }
    .path-icon { width:48px; height:48px; display:grid; place-items:center; background:var(--track); color:#fff; border-radius:9px; font-weight:900 }
    .path-card h3 { font-size:17px; margin:16px 0 6px }
    .path-card p { color:var(--muted); font-size:12px; margin:0; min-height:66px }
    .path-tags { display:flex; gap:6px; flex-wrap:wrap; margin:14px 0 }
    .path-tags span { padding:5px 8px; font-size:10px; font-weight:900; color:color-mix(in srgb,var(--track) 86%,#101d2b); background:color-mix(in srgb,var(--track) 13%,#fff); border-radius:4px }
    .path-facts { margin-top:auto; display:flex; gap:17px; padding:13px 0; border-top:1px solid var(--line); color:var(--muted); font-size:10px }
    .path-facts b { color:var(--ink); font-size:12px }
    .path-card button { border:0; padding:4px 0 0; background:transparent; color:var(--track); font-weight:900; text-align:right }

    .hrdf-section { background:var(--navy-900); color:#fff; position:relative; overflow:hidden }
    .hrdf-section::before { content:''; position:absolute; width:650px; height:650px; left:-280px; top:-300px; border:1px solid rgba(84,222,166,.20); border-radius:50%; box-shadow:0 0 0 45px rgba(84,222,166,.035),0 0 0 95px rgba(84,222,166,.03) }
    .hrdf-section .section-head p { color:#b9c8d8 }
    .hrdf-section .section-number { color:#15385b }
    .hrdf-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; position:relative }
    .hrdf-card { background:#fff; color:var(--ink); border-radius:12px; padding:30px }
    .hrdf-card h3 { font-size:24px; margin:0 0 9px }
    .support-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:22px }
    .support-fact { border:1px solid var(--line); border-radius:8px; padding:15px }
    .support-fact strong { display:block; color:var(--green); font-size:20px }
    .support-fact span { color:var(--muted); font-size:11px }
    .coverage-card { background:#0c2c4e; border:1px solid #315272; border-radius:12px; padding:30px }
    .coverage-card h3 { margin-top:0 }
    .coverage-card ul { margin:12px 0; padding-right:18px }
    .coverage-card li { color:#d4e0eb; margin:8px 0 }
    .notice { padding:13px 15px; border-right:4px solid #dcaa50; background:#071e39; font-size:11px }
    .eligibility { position:relative; margin-top:18px; background:#fff; color:var(--ink); border-radius:12px; padding:28px }
    .eligibility-head { display:flex; align-items:center; justify-content:space-between; gap:20px }
    .eligibility-head h3 { margin:4px 0 }
    .eligibility-head small { color:var(--muted) }
    .check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px }
    .check-item { border:1px solid var(--line); border-radius:8px; padding:13px; display:flex; align-items:flex-start; gap:9px; font-size:11px }
    .check-item input { width:19px; height:19px; flex:0 0 auto; accent-color:var(--green) }
    .eligibility-result { margin-top:13px; padding:12px 14px; background:#edf8f4; color:#075e46; border-right:4px solid var(--green); font-weight:800 }
    .combined-claim-head { position:relative; margin:54px 0 20px; padding-top:24px; border-top:1px solid rgba(255,255,255,.14) }
    .combined-claim-head h3 { font-size:27px; margin:6px 0 }
    .combined-claim-head p { color:#b9c8d8; margin:0 }

    .claim-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px }
    .timeline,.documents { background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px }
    .claim-step { display:grid; grid-template-columns:48px 1fr; gap:13px; position:relative; padding-bottom:20px }
    .claim-step:not(:last-child)::before { content:''; position:absolute; right:23px; top:42px; bottom:0; width:1px; background:#bdd0dc }
    .step-number { width:46px; height:46px; border:2px solid var(--green); color:var(--green); background:#fff; display:grid; place-items:center; border-radius:7px; font-weight:900; z-index:1 }
    .claim-step h3 { font-size:14px; margin:3px 0 }
    .claim-step p { color:var(--muted); font-size:11px; margin:0 }
    .documents { background:#fff; border-top:5px solid var(--navy-800); box-shadow:var(--shadow-soft) }
    .documents h3 { margin-top:0; color:var(--navy-900); font-size:20px }
    .document { background:#f6f9fc; color:#152b42; border:1px solid #d5e0e9; border-right:4px solid var(--green); border-radius:7px; padding:12px 13px; margin:9px 0; font-size:12px; font-weight:600 }
    .document::before { content:'✓'; color:var(--green); font-weight:900; margin-left:7px }
    .rejection { margin-top:16px; padding:15px; background:#fff4dc; color:#563800; border:1px solid #f0d08a; border-right:4px solid #c47a00; border-radius:7px; font-size:12px }

    .catalog-layout { display:grid; grid-template-columns:286px 1fr; gap:22px }
    .filters { background:#fff; border:1px solid var(--line); border-radius:11px; overflow:hidden; height:max-content; position:sticky; top:102px }
    .filter-head { background:var(--navy-900); color:#fff; padding:18px; display:flex; align-items:center; justify-content:space-between }
    .filter-head button { border:0; color:#71dbb3; background:transparent; font-size:11px }
    .filter-body { padding:18px }
    .field { margin-bottom:14px }
    .field label { display:block; margin-bottom:5px; font-size:10px; font-weight:900 }
    .field input,.field select { width:100%; border:1px solid #c7d3dc; border-radius:7px; padding:10px; background:#fff; color:var(--ink) }
    .field-help { color:var(--muted); font-size:9px; margin-top:3px }
    .active-filters { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px }
    .active-filter { border:0; border-radius:24px; padding:5px 9px; background:#eee9ff; color:#5b3ad6; font-size:9px }
    .catalog-toolbar { background:#edf2f7; border:1px solid var(--line); border-radius:9px; padding:12px 14px; margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:12px }
    .catalog-toolbar strong { font-size:20px }
    .catalog-toolbar small { color:var(--muted) }
    .catalog-toolbar select { border:1px solid #bdcbd6; border-radius:7px; padding:8px; background:#fff }
    .credential-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
    .credential-card { --track:#7048ff; background:#fff; border:1px solid #d7e0e9; border-top:4px solid var(--track); border-radius:13px; position:relative; overflow:hidden; box-shadow:0 10px 28px rgba(5,25,53,.07); transition:transform .2s,box-shadow .2s }
    .credential-card:hover { transform:translateY(-3px); box-shadow:var(--shadow) }
    .credential-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 17px 13px; background:#f8fafc; border-bottom:1px solid #e5ebf0 }
    .organization { display:flex; align-items:center; gap:9px; min-width:0 }
    .org-logo { width:48px; height:48px; flex:0 0 auto; border:1px solid var(--line); border-radius:9px; background:#fff; display:grid; place-items:center; overflow:hidden }
    .org-logo img { width:32px; height:32px; object-fit:contain }
    .org-logo span { font-size:8px; font-weight:900; color:var(--track); text-align:center; padding:2px }
    .organization b { display:block; font-size:11px; white-space:nowrap; max-width:145px; overflow:hidden; text-overflow:ellipsis }
    .organization small { display:block; color:var(--muted); font-size:10px }
    .support-badge { flex:0 0 auto; padding:5px 7px; font-size:9px; font-weight:900; border-radius:5px }
    .status-verified { background:#e2f6ee; color:#087756 }
    .status-guide { background:#eee9ff; color:#5635b7 }
    .status-check { background:#fff4dc; color:#805b00 }
    .status-not { background:#eef2f5; color:#536574 }
    .credential-showcase { display:grid; grid-template-columns:78px 1fr; gap:14px; align-items:start; padding:18px 17px 10px }
    .cert-mark { width:78px; min-height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px; text-align:center; background:linear-gradient(145deg,var(--track),color-mix(in srgb,var(--track) 60%,#06172c)); color:#fff; border-radius:10px; box-shadow:0 10px 22px rgba(6,27,49,.18); font-size:13px; font-weight:700; direction:ltr }
    .cert-mark small { font-size:8px; color:rgba(255,255,255,.78); direction:rtl }
    .credential-card h3 { font-size:16px; line-height:1.65; margin:0 0 4px; color:var(--navy-900) }
    .english { color:#64768a; direction:ltr; text-align:right; font-size:11px; line-height:1.5 }
    .meta { display:flex; flex-wrap:wrap; gap:5px; margin:11px 0 0 }
    .meta span { padding:4px 6px; background:#eff3f6; color:#405469; font-size:9px; font-weight:700 }
    .support-summary { padding:11px 12px; border-radius:8px; margin:0 17px 14px; border:1px solid var(--line); background:#f4f6f8 }
    .support-summary__top { display:flex; align-items:center; justify-content:space-between; gap:10px }
    .support-summary small { color:var(--muted); font-size:9px }
    .support-summary strong { font-size:11px }
    .support-summary em { display:block; margin-top:4px; color:var(--muted); font-size:8px; font-style:normal }
    .support-summary.status-verified { border-color:#b9dfd0; background:#eff9f5 }
    .support-summary.status-verified strong { color:var(--green-dark); font-size:12px }
    .support-summary.status-guide { border-color:#d4c8ff; background:#f5f2ff }
    .support-summary.status-guide strong { color:#5635b7 }
    .support-summary.status-check { border-color:#ead5a8; background:#fff9eb }
    .credential-actions { border-top:1px solid var(--line); padding:13px 17px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:#fbfcfe }
    .credential-actions button { border:0; background:transparent; color:var(--purple); font-weight:900; font-size:11px }
    .card-tools { display:flex; align-items:center; gap:5px }
    .icon-button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line) !important; color:#53677a !important; border-radius:7px; background:#fff !important }
    .icon-button.saved { color:var(--purple) !important; background:#f0ebff !important }
    .compare-label { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:9px }
    .compare-label input { accent-color:var(--purple) }
    .empty { grid-column:1/-1; padding:54px 25px; text-align:center; border:1px dashed #b8c8d4; border-radius:10px; background:#fff }
    .empty p { color:var(--muted) }
    .catalog-pagination { display:flex; align-items:center; justify-content:center; gap:12px; padding:22px 0 0 }
    .catalog-pagination span { color:var(--muted); font-size:11px }

    .wizard-section { background:#edf2f7 }
    .specialty-finder { margin-bottom:22px; padding:28px; border:1px solid #cfd9e3; border-top:5px solid var(--purple); border-radius:12px; background:#fff; box-shadow:var(--shadow-soft) }
    .specialty-finder__head { display:grid; grid-template-columns:1fr auto; align-items:end; gap:22px }
    .specialty-finder h3 { margin:5px 0; font-size:23px }
    .specialty-finder p { margin:0; color:var(--muted); font-size:12px }
    .major-search { min-width:460px; display:flex; border:1px solid #b9c8d6; border-radius:9px; overflow:hidden; background:#fff }
    .major-search input { min-width:0; flex:1; border:0; outline:0; padding:13px 15px; color:var(--ink); background:#fff }
    .major-search button { border:0; padding:11px 18px; background:var(--navy-800); color:#fff; font-weight:700 }
    .major-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px }
    .major-chips button { border:1px solid #d4dce5; border-radius:22px; padding:7px 11px; background:#f7f9fc; color:#324b64; font-size:10px; font-weight:600 }
    .major-chips button:hover { border-color:var(--purple); color:var(--purple-dark); background:#f2efff }
    .major-result { display:none; margin-top:20px; padding-top:18px; border-top:1px solid var(--line) }
    .major-result.show { display:block }
    .major-result__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px }
    .major-result__head strong { font-size:16px }
    .major-result__head span { color:var(--muted); font-size:11px }
    .major-results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px }
    .wizard-intro { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px }
    .wizard-intro > div { padding:23px; border:1px solid var(--line); border-radius:10px; background:#fff }
    .wizard-intro .benefit { background:var(--navy-900); color:#fff }
    .benefit h3 { margin-top:0 }
    .benefit ul { margin:0; color:#c7d4e0; font-size:11px }
    .wizard { min-height:500px; display:grid; grid-template-columns:250px 1fr; grid-template-areas:'side main'; direction:rtl; border:1px solid #b8c6d1; border-radius:12px; overflow:hidden; background:#fff; box-shadow:-12px 12px 0 #d7e0e8 }
    .wizard-main { grid-area:main; padding:40px; direction:rtl; text-align:right }
    .wizard-side { grid-area:side; padding:28px; background:var(--navy-900); color:#fff; display:flex; flex-direction:column; direction:rtl; text-align:right }
    .wizard-side small { color:#aebfd0 }
    .wizard-side strong { font-size:70px; line-height:1.2; color:var(--lime) }
    .progress { height:4px; background:#dce5ec; margin:17px 0 }
    .progress i { display:block; width:var(--progress); height:100%; background:var(--purple) }
    .answer-log { margin-top:auto }
    .answer-log span { display:block; margin-top:7px; color:#afc0d1; font-size:9px }
    .answer-log span::before { content:'✓'; color:var(--lime); margin-left:6px }
    .question-label { color:var(--purple); font-weight:900; font-size:11px }
    .wizard h2 { font-size:29px; margin:7px 0 }
    .why { color:var(--muted); font-size:11px }
    .answers { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:23px }
    .answer { min-height:72px; border:1px solid #c5d2dc; border-radius:8px; background:#fff; color:var(--ink); padding:13px 15px; text-align:right; display:flex; align-items:center; justify-content:space-between; gap:10px; font-weight:800 }
    .answer:hover { border-color:var(--purple); box-shadow:inset -4px 0 var(--purple) }
    .answer small { display:block; color:var(--muted); font-size:9px; font-weight:400 }
    .wizard-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:22px }
    .text-button { border:0; background:transparent; color:var(--muted); text-decoration:underline; font-size:11px }
    .recommendations { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px }
    .recommendation { border:1px solid var(--line); border-radius:9px; padding:15px }
    .recommendation h3 { font-size:13px; margin:7px 0 }
    .reason { color:var(--muted); font-size:9px; margin:4px 0 }
    .reason::before { content:'✓'; color:var(--green); margin-left:5px }

    .plan-section { background:linear-gradient(145deg,#061833,#0a2446); color:#fff; position:relative; overflow:hidden }
    .plan-section::before { content:''; position:absolute; width:580px; height:580px; left:-220px; bottom:-320px; border:1px solid rgba(112,72,255,.28); border-radius:50%; box-shadow:0 0 0 42px rgba(112,72,255,.035),0 0 0 88px rgba(112,72,255,.025) }
    .plan-section .section-head p { color:#b8c7d8 }
    .plan-section .section-number { color:#16395d }
    .plan-shell { position:relative; display:grid; grid-template-columns:300px 1fr; gap:18px }
    .plan-guide { border:1px solid #31506f; border-radius:12px; padding:25px; background:#0b2b4d }
    .plan-guide h3 { margin-top:0 }
    .plan-guide > p { color:#b9c8d6; font-size:11px }
    .plan-step { display:grid; grid-template-columns:38px 1fr; gap:10px; margin:16px 0 }
    .plan-step span { width:36px; height:36px; display:grid; place-items:center; border:1px solid #7855ff; border-radius:7px; color:#a990ff; font-weight:900 }
    .plan-step b { display:block; font-size:11px }
    .plan-step small { display:block; color:#9fb1c4; font-size:9px }
    .plan-form { background:#fff; color:var(--ink); border-radius:12px; padding:28px; box-shadow:0 24px 70px rgba(0,0,0,.22) }
    .plan-form h3 { margin:0 0 5px }
    .plan-form > p { color:var(--muted); margin:0 0 20px; font-size:11px }
    .plan-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px }
    .plan-field { display:block }
    .plan-field.wide { grid-column:1/-1 }
    .plan-field span { display:block; margin-bottom:5px; font-size:10px; font-weight:900 }
    .plan-field small { display:block; margin-top:3px; color:var(--muted); font-size:8px }
    .plan-field input,.plan-field select,.plan-field textarea { width:100%; border:1px solid #c4d1dc; border-radius:7px; padding:10px 11px; background:#fff; color:var(--ink); resize:vertical }
    .certificate-combobox { position:relative }
    .plan-suggestions { display:none; position:absolute; z-index:8; right:0; left:0; top:calc(100% + 5px); max-height:260px; overflow:auto; border:1px solid #b9c9d6; border-radius:8px; background:#fff; box-shadow:0 18px 40px rgba(5,25,53,.16) }
    .plan-suggestions.show { display:block }
    .plan-suggestion { width:100%; border:0; border-bottom:1px solid #edf1f4; padding:11px 12px; background:#fff; color:var(--ink); text-align:right; display:flex; align-items:center; justify-content:space-between; gap:10px }
    .plan-suggestion:hover,.plan-suggestion:focus { background:#f0ecff }
    .plan-suggestion b { font-size:11px }
    .plan-suggestion small { margin:0; font-size:9px; color:var(--muted) }
    .kpi-intro { margin:22px 0 10px; padding-top:18px; border-top:1px solid var(--line) }
    .kpi-intro h3 { margin:0 }
    .kpi-intro p { margin:3px 0 0; color:var(--muted); font-size:10px }
    .kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px }
    .kpi-card { border:1px solid #d6dfe8; border-top:4px solid var(--kpi,var(--purple)); border-radius:9px; padding:12px; background:#f8fafc }
    .kpi-card span { display:block; color:var(--navy-900); font-size:10px; font-weight:700 }
    .kpi-card small { display:block; color:var(--muted); font-size:8px; min-height:30px }
    .kpi-card input { width:100%; margin-top:8px; border:0; border-bottom:2px solid var(--kpi,var(--purple)); background:transparent; padding:7px 0; color:var(--navy-900); font-size:22px; font-weight:700 }
    .annual-goals { display:grid; gap:8px; margin:20px 0 }
    .annual-goal { display:grid; grid-template-columns:34px 1fr; gap:9px; align-items:center }
    .annual-goal b { width:32px; height:32px; display:grid; place-items:center; border-radius:7px; color:#fff; background:var(--purple); font-size:10px }
    .annual-goal input { width:100%; border:1px solid #c4d1dc; border-radius:7px; padding:10px 11px }
    .quarter-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:22px 0 10px; padding-top:18px; border-top:1px solid var(--line) }
    .quarter-title small { color:var(--muted) }
    .quarter-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
    .quarter { border:1px solid var(--line); border-top:4px solid var(--purple); border-radius:8px; padding:11px; background:#f8f9fc }
    .quarter b { display:block; margin-bottom:6px; font-size:10px }
    .quarter textarea { width:100%; min-height:78px; border:0; outline:0; background:transparent; resize:vertical; font-size:10px }
    .plan-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:18px }
    .plan-status { display:none; flex:1; min-width:210px; padding:10px 12px; border-right:4px solid var(--green); background:#eaf8f3; color:#096047; font-size:10px }
    .plan-status.show { display:block }

    .site-footer { background:var(--navy-950); color:#fff; padding:50px 0 22px }
    .footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:30px }
    .footer-brand { display:flex; align-items:center; gap:12px }
    .footer-brand img { width:62px; height:62px; object-fit:cover; border-radius:8px; border:1px solid #29425d }
    .footer-brand small { display:block; color:#9cafc3 }
    .site-footer p,.site-footer a { color:#9fb1c3; font-size:11px }
    .footer-bottom { border-top:1px solid #213a55; margin-top:26px; padding-top:16px; display:flex; justify-content:space-between; gap:20px; color:#8297ab; font-size:9px }

    .modal { display:none; position:fixed; inset:0; z-index:100; padding:20px; overflow:auto; background:rgba(2,14,29,.82) }
    .modal.open { display:grid; place-items:center }
    .modal-panel { width:min(1080px,100%); max-height:calc(100vh - 40px); overflow:auto; background:#f6f8fb; border-radius:15px; position:relative; box-shadow:0 28px 90px rgba(0,0,0,.34) }
    .modal-close { position:absolute; left:14px; top:14px; z-index:2; width:38px; height:38px; border:1px solid rgba(255,255,255,.35); border-radius:7px; background:rgba(255,255,255,.06); color:#fff }
    .modal-head { --track:#7048ff; background:linear-gradient(135deg,var(--navy-900),#0b2c53); color:#fff; padding:32px 72px 32px 34px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; border-bottom:5px solid var(--track) }
    .modal-head .org-logo { --track:#7048ff; width:76px; height:76px; border-radius:13px }
    .modal-head .org-logo img { width:48px; height:48px }
    .modal-head h2 { font-size:27px; margin:3px 0; line-height:1.5 }
    .modal-head small { color:#b8c8da; font-size:11px }
    .modal-head .english { color:#aebfd1; font-size:11px }
    .modal-head.compare-head { grid-template-columns:1fr; padding-left:34px }
    .modal-code { min-width:112px; padding:13px 15px; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:rgba(255,255,255,.08); text-align:center; direction:ltr; font-size:20px; font-weight:700 }
    .modal-code small { display:block; direction:rtl; font-size:9px; font-weight:500 }
    .modal-body { padding:30px }
    .modal-lead { display:grid; grid-template-columns:1.35fr .65fr; gap:15px; margin-bottom:20px }
    .modal-description { margin:0; padding:20px; border:1px solid #dce4eb; border-right:5px solid var(--track,#7048ff); border-radius:10px; background:#fff; color:#213850; font-size:14px; line-height:1.95 }
    .modal-quick { padding:18px; border-radius:10px; background:var(--navy-900); color:#fff }
    .modal-quick span { display:block; color:#aebfd1; font-size:10px }
    .modal-quick b { display:block; margin:3px 0 12px; font-size:14px }
    .modal-section { margin-top:20px }
    .modal-section-title { display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:18px; color:var(--navy-900) }
    .modal-section-title::before { content:''; width:5px; height:22px; border-radius:3px; background:var(--track,#7048ff) }
    .facts { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:0 }
    .fact { min-height:88px; padding:14px 15px; border:1px solid #d8e1e9; border-radius:9px; background:#fff }
    .fact small { display:block; margin-bottom:5px; color:#5c6f82; font-size:10px; font-weight:600 }
    .fact b { display:block; color:var(--navy-900); font-size:12px; line-height:1.7 }
    .fact-wide { grid-column:span 2 }
    .support-panel { padding:20px; border:1px solid #b9dfd0; border-right:5px solid var(--green); background:#eaf8f3; border-radius:10px; margin:0 }
    .support-panel b { color:#075f47; font-size:16px }
    .support-panel.status-guide { border-right-color:var(--purple); background:#f3efff }
    .support-panel.status-check { border-right-color:#d29528; background:#fff8e8 }
    .support-panel.status-not { border-right-color:#8797a6; background:#f1f4f6 }
    .support-panel.status-guide b { color:#4f32ac }
    .support-panel.status-check b { color:#714d00 }
    .support-panel.status-not b { color:#425565 }
    .support-panel p { margin:5px 0; color:#27475a; font-size:12px }
    .support-layout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px }
    .modal-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; padding:18px; border:1px solid #dce4eb; border-radius:10px; background:#fff }
    .modal-actions .button-outline { color:var(--navy-800) }
    .source-note { margin-top:10px; padding:13px 15px; border:1px solid #dce4eb; border-radius:8px; background:#fff; color:#586c7e; font-size:10px }
    .source-note b { color:var(--navy-900) }
    .disclaimer { margin-top:18px; padding:13px 15px; border:1px solid #f1d39e; border-right:4px solid #c47a00; border-radius:8px; background:#fff5e7; color:#5f4217; font-size:11px }
    .similar { margin-top:20px }
    .similar-list { display:flex; flex-wrap:wrap; gap:7px }
    .similar-list button { border:1px solid var(--line); border-radius:7px; background:#fff; padding:8px 10px; color:var(--purple); font-size:10px }

    .compare-tray { display:none; position:fixed; right:20px; left:20px; bottom:18px; z-index:70; max-width:900px; margin:auto; padding:12px 14px; border:1px solid #ffffff24; border-radius:11px; background:rgba(6,24,51,.96); color:#fff; box-shadow:0 18px 60px rgba(0,0,0,.35); backdrop-filter:blur(12px); align-items:center; justify-content:space-between; gap:14px }
    .compare-tray.show { display:flex }
    .compare-items { display:flex; gap:7px; flex-wrap:wrap }
    .compare-item { padding:6px 9px; border-radius:6px; background:#ffffff12; font-size:9px }
    .compare-table-wrap { overflow:auto }
    .compare-table { width:100%; border-collapse:collapse; min-width:720px }
    .compare-table th,.compare-table td { border:1px solid var(--line); padding:11px; text-align:right; font-size:10px }
    .compare-table th { background:#edf2f7 }

    @media (max-width:1050px) {
      .main-nav { display:none }
      .menu-button { display:grid; place-items:center }
      .main-nav.open { display:flex; position:absolute; right:0; left:0; top:82px; padding:16px 22px; background:var(--navy-900); border-bottom:2px solid var(--purple); flex-direction:column; align-items:stretch }
      .main-nav.open a { padding:8px }
      .brand { min-width:auto }
      .hero-grid { grid-template-columns:1fr; gap:26px }
      .founder-visual { max-width:720px }
      .paths-grid { grid-template-columns:repeat(2,1fr) }
      .credential-grid { grid-template-columns:repeat(2,1fr) }
      .hrdf-grid,.claim-grid,.catalog-layout,.wizard-intro,.plan-shell { grid-template-columns:1fr }
      .filters { position:static }
      .platform-intro__grid { grid-template-columns:1fr }
    }

    @media (max-width:720px) {
      .wrap { width:min(100% - 22px,1240px) }
      .trust-bar .wrap span:last-child { display:none }
      .nav-actions .button { display:none }
      .brand small { display:none }
      .brand strong { font-size:12px }
      .brand img { width:42px; height:42px }
      .hero-grid { min-height:auto; padding:46px 0 }
      .hero h1 { font-size:36px }
      .hero-copy > p { font-size:15px }
      .hero-search button { width:78px }
      .founder-visual { min-height:0; grid-template-columns:1fr; grid-template-areas:'photo' 'copy' }
      .founder-photo { height:390px; border-bottom:1px solid rgba(255,255,255,.12) }
      .founder-quote { padding:26px 20px; border-left:0; border-top:1px solid rgba(96,224,173,.32) }
      .founder-quote p { font-size:11px }
      .stats-grid { grid-template-columns:1fr 1fr }
      .source-strip__inner { grid-template-columns:1fr 1fr; padding:16px 0 }
      .source-strip__title { grid-column:1/-1 }
      .stat { padding:16px 11px }
      .stat b { font-size:24px }
      .section { padding:64px 0 }
      .section-head { display:block }
      .section-head h2 { font-size:28px }
      .section-number { font-size:42px; margin-top:12px; display:block }
      .paths-grid,.support-facts,.check-grid,.credential-grid,.answers,.recommendations,.plan-grid,.quarter-grid,.platform-steps,.kpi-grid,.modal-lead,.major-results-grid { grid-template-columns:1fr }
      .path-card { min-height:auto }
      .catalog-toolbar { align-items:flex-start; flex-direction:column }
      .specialty-finder { padding:20px 15px }
      .specialty-finder__head { grid-template-columns:1fr }
      .major-search { min-width:0; width:100% }
      .wizard { grid-template-columns:1fr; grid-template-areas:'side' 'main'; box-shadow:-7px 7px 0 #d7e0e8 }
      .wizard-side { padding:17px; display:grid; grid-template-columns:1fr auto; align-items:center }
      .wizard-side strong { font-size:44px }
      .answer-log { display:none }
      .wizard-main { padding:24px 17px }
      .wizard h2 { font-size:23px }
      .plan-form,.plan-guide { padding:20px 16px }
      .footer-grid { grid-template-columns:1fr }
      .footer-bottom { display:block }
      .modal-head { grid-template-columns:auto 1fr; padding:58px 18px 22px }
      .modal-head .org-logo { width:58px; height:58px }
      .modal-head h2 { font-size:21px }
      .modal-code { grid-column:1/-1; width:100%; min-width:0; text-align:right }
      .modal-body { padding:18px 12px }
      .facts { grid-template-columns:1fr }
      .fact-wide { grid-column:auto }
      .support-layout { grid-template-columns:1fr }
      .compare-tray { right:10px; left:10px; bottom:10px; align-items:flex-start; flex-direction:column }
    }

    @media print {
      body { background:#fff }
      body > *:not(main) { display:none !important }
      main > *:not(#plan) { display:none !important }
      #plan { display:block !important; background:#fff !important; color:#000 !important; padding:0 }
      #plan .wrap { width:100% }
      #plan .section-number,#plan .plan-guide,#plan .plan-actions { display:none !important }
      #plan .section-head p { color:#444 }
      #plan .plan-shell { display:block }
      #plan .plan-form { box-shadow:none; border:1px solid #bbb }
      #plan input,#plan select,#plan textarea { border-color:#aaa }
    }

/* توافق واجهة WordPress */
body.admin-bar .site-header { top:32px }
@media (max-width:782px) { body.admin-bar .site-header { top:46px } }
.wp-site-blocks { padding:0 }