/*
Theme Name: Neron Scientific Office
Theme URI: https://neuronsb.com
Author: مكتب نيرون العلمي
Description: قالب موقع مكتب نيرون العلمي — تصميم RTL باللونين الكحلي والذهبي لقطاع الرعاية الصحية.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: neron
*/

:root{
  --navy-900:#0B2545;
  --navy-800:#0F2E56;
  --navy-700:#16406E;
  --navy-400:#5B7FA8;
  --gold:#C8A040;
  --gold-soft:#E3C36B;
  --paper:#F4F7FA;
  --white:#FFFFFF;
  --ink:#10192A;
  --muted:#5A6A80;
  --line:#DCE4EC;
  --rail:56px;
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Tajawal',system-ui,sans-serif;font-size:17px;line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Reem Kufi','Tajawal',serif;font-weight:600;line-height:1.35;margin:0}
p{margin:0 0 1em}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--navy-900)}

/* ————— الشريط الجانبي (سجل الوثيقة) ————— */
.rail{
  position:fixed;inset-block:0;inset-inline-end:0;width:var(--rail);
  border-inline-start:1px solid rgba(11,37,69,.10);
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:22px 0;z-index:40;pointer-events:none;mix-blend-mode:normal;
}
.rail span{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;
  color:var(--navy-400);writing-mode:vertical-rl;text-orientation:mixed;
}
.rail .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}

/* ————— الترويسة ————— */
header.top{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:50;
  padding-inline-end:var(--rail);
  transition:background .35s ease,box-shadow .35s ease,border-color .35s;
  border-block-end:1px solid transparent;
}
header.top::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft) 55%,var(--gold))}
.top-in{
  max-width:1180px;margin-inline:auto;padding:14px var(--pad);
  display:flex;align-items:center;gap:28px;
}
.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}
.brand .seal-sm{width:38px;height:38px;flex:none}
.brand b{font-family:'Reem Kufi',serif;font-size:18px;font-weight:600;color:var(--white);letter-spacing:.01em;transition:color .35s}
.brand small{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.22em;color:var(--gold-soft);transition:color .35s}
nav.main{display:flex;gap:26px}
nav.main a{font-size:15px;color:rgba(255,255,255,.82);transition:color .25s;position:relative;padding-block:4px}
nav.main a::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:0;height:1.5px;background:var(--gold);transition:width .3s}
nav.main a:hover::after,nav.main a:focus-visible::after{width:100%}
nav.main a:hover{color:#fff}
.btn{
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid var(--gold);
  padding:10px 20px;font-size:15px;font-weight:500;color:var(--navy-900);
  background:var(--gold);transition:.28s ease;cursor:pointer;font-family:'Tajawal',sans-serif;
}
.btn:hover{background:var(--gold-soft);border-color:var(--gold-soft);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--gold);}
.btn.ghost:hover{background:rgba(200,160,64,.12);transform:translateY(-1px)}
header.top.stuck{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-block-end-color:var(--line);box-shadow:0 10px 40px -22px rgba(11,37,69,.5)}
header.top.stuck .brand b{color:var(--navy-900)}
header.top.stuck .brand small{color:var(--muted)}
header.top.stuck nav.main a{color:var(--navy-800)}
header.top.stuck .btn.ghost{color:var(--navy-800);border-color:var(--navy-800)}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;padding:8px 12px;cursor:pointer}

/* ————— الواجهة الرئيسية ————— */
.hero{
  position:relative;background:var(--navy-900);color:#fff;overflow:hidden;
  padding-inline-end:var(--rail);
}
.hero .engrave{position:absolute;inset-block-start:44%;inset-inline-end:-4%;transform:translateY(-50%);width:min(640px,62vw);opacity:.055;pointer-events:none}
.hero::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:220px;background:linear-gradient(to top,rgba(0,0,0,.28),transparent)}
.hero-in{position:relative;z-index:2;max-width:1180px;margin-inline:auto;padding:clamp(130px,17vh,180px) var(--pad) 0}
.eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;
  color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:26px;
}
.eyebrow::before{content:"";width:44px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(36px,5.4vw,64px);font-weight:600;line-height:1.22;letter-spacing:-.01em;max-width:20ch}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.hero .lede{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.76);max-width:56ch;margin-block:26px 34px;font-weight:300}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:clamp(56px,9vh,96px)}
.motto{
  font-family:'Reem Kufi',serif;color:var(--gold-soft);font-size:clamp(15px,2vw,18px);
  border-block-start:1px solid rgba(200,160,64,.3);padding-block-start:22px;margin-bottom:34px;
}

/* الشريط السفلي للواجهة: مجالات النشاط */
.domains{display:grid;grid-template-columns:repeat(4,1fr);border-block-start:1px solid rgba(255,255,255,.14);position:relative;z-index:2}
.domains .cell{padding:26px 26px 34px;border-inline-start:1px solid rgba(255,255,255,.14)}
.domains .cell:first-child{border-inline-start:0}
.domains code{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:10px}
.domains p{margin:0;font-size:15.5px;color:rgba(255,255,255,.9);line-height:1.6}
.domains .cell:hover{background:rgba(255,255,255,.04)}
.domains-wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--pad)}

/* ————— أقسام عامة ————— */
section{padding-inline-end:var(--rail)}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(72px,10vh,118px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(27px,3.6vw,40px);color:var(--navy-900)}
.tag{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.28em;color:var(--gold);
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.tag::before{content:"";width:26px;height:1px;background:var(--gold)}
.sec-head .note{font-size:15px;color:var(--muted);max-width:38ch;margin:0}

/* عن المكتب */
.about{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(32px,5vw,72px);align-items:start}
.about p{color:#31405A}
.about .first{
  font-size:19.5px;line-height:1.95;color:var(--navy-800);
  border-inline-start:2px solid var(--gold);padding-inline-start:0;
  border-inline-start:0;border-block-end:1px solid var(--line);padding-block-end:20px;margin-bottom:24px;
}
.facts{border:1px solid var(--line);background:var(--white)}
.facts .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 22px;border-block-end:1px solid var(--line)}
.facts .row:last-child{border-block-end:0}
.facts dt{font-size:14px;color:var(--muted);margin:0}
.facts dd{margin:0;font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--navy-900);font-weight:500}
.facts dd.ar{font-family:'Tajawal',sans-serif;font-weight:700;font-size:15px}
.facts .cap{background:var(--navy-900);color:#fff;padding:14px 22px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.22em;color:var(--gold-soft)}

/* الرؤية والرسالة */
.vm{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vm article{padding:clamp(28px,3.4vw,44px);border:1px solid var(--line);background:var(--white);position:relative}
.vm article.dark{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.vm h3{font-size:23px;margin-bottom:16px;color:var(--navy-900)}
.vm .dark h3{color:var(--gold-soft)}
.vm p{margin:0;color:#31405A}
.vm .dark p{color:rgba(255,255,255,.82)}
.vm article::before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:-1px;width:64px;height:3px;background:var(--gold)}

/* مجالات العمل */
.grid-work{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.grid-work .item{background:var(--white);padding:32px 28px;transition:.3s ease;position:relative}
.grid-work .item:hover{background:var(--navy-900);transform:none}
.grid-work code{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:14px}
.grid-work h4{font-size:18px;color:var(--navy-900);transition:color .3s;font-weight:500}
.grid-work .item:hover h4{color:#fff}
.grid-work .item p{margin:8px 0 0;font-size:14.5px;color:var(--muted);transition:color .3s}
.grid-work .item.wide{grid-column:span 2}
.grid-work .item:hover p{color:rgba(255,255,255,.7)}

/* نقاط القوة — سجل */
.ledger{border-block-start:1px solid var(--navy-900)}
.ledger .line{display:grid;grid-template-columns:52px 240px 1fr;gap:24px;align-items:baseline;padding:24px 6px;border-block-end:1px solid var(--line);transition:.3s}
.ledger .line:hover{background:var(--white);padding-inline:18px}
.ledger .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold)}
.ledger h4{font-size:19px;color:var(--navy-900);font-weight:500}
.ledger p{margin:0;color:#31405A;font-size:16px}

/* الشراكات */
.partners{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.partner{border:1px solid var(--line);background:var(--white);display:grid;grid-template-columns:190px 1fr}
.partner .mark{border-inline-end:1px solid var(--line);display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,#fff, #F7F9FC)}
.partner .mark b{font-family:'JetBrains Mono',monospace;font-size:30px;letter-spacing:.06em;color:var(--navy-900);display:block;text-align:center}
.partner .mark small{display:block;text-align:center;font-size:10px;letter-spacing:.16em;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-top:8px;line-height:1.5}
.partner .body{padding:30px 30px 28px}
.partner .kind{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;color:var(--gold);margin-bottom:12px}
.partner h3{font-size:20px;color:var(--navy-900);margin-bottom:10px}
.partner p{margin:0;font-size:15.5px;color:#31405A}

/* الأهداف */
.goals-sec{background:var(--navy-900);color:#fff;position:relative;overflow:hidden}
.goals-sec .sec-head h2{color:#fff}
.goals-sec .sec-head .note{color:rgba(255,255,255,.6)}
.goals{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,5vw,72px)}
.goals li{list-style:none;display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-block-end:1px solid rgba(255,255,255,.12);font-size:16.5px;color:rgba(255,255,255,.88)}
.goals ul{margin:0;padding:0}
.goals .mk{flex:none;width:9px;height:9px;border:1px solid var(--gold);margin-block-start:11px;transform:rotate(45deg);transition:.3s}
.goals li:hover .mk{background:var(--gold)}

/* الختام والتواصل */
.close-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:start}
.statement{font-size:19px;line-height:2;color:#25344C}
.statement strong{color:var(--navy-900);font-weight:700}
.contact-card{background:var(--white);border:1px solid var(--line)}
.contact-card .hd{background:var(--navy-900);color:#fff;padding:22px 26px}
.contact-card .hd h3{font-size:20px;color:#fff}
.contact-card .hd p{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.62)}
.contact-card .rows{padding:8px 26px 22px}
.crow{display:flex;align-items:center;gap:16px;padding:16px 0;border-block-end:1px solid var(--line)}
.crow:last-child{border-block-end:0}
.crow .ic{width:34px;height:34px;flex:none;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy-700)}
.crow .lb{font-size:12.5px;color:var(--muted);line-height:1.4}
.crow .vl{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--navy-900);direction:ltr;text-align:right;font-weight:500}
.crow .vl.ar{font-family:'Tajawal',sans-serif;direction:rtl;font-weight:700}
.contact-card .act{padding:0 26px 26px;display:flex;gap:12px;flex-wrap:wrap}
.btn.navy{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.btn.navy:hover{background:var(--navy-700);border-color:var(--navy-700)}

/* التذييل */
footer{background:#08192F;color:rgba(255,255,255,.62);padding-inline-end:var(--rail)}
.foot-in{max-width:1180px;margin-inline:auto;padding:56px var(--pad) 30px}
.foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-block-end:34px;border-block-end:1px solid rgba(255,255,255,.1)}
.foot-brand{display:flex;gap:14px;align-items:center}
.foot-brand b{font-family:'Reem Kufi',serif;color:#fff;font-size:19px;display:block;font-weight:500}
.foot-brand small{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--gold)}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}
.foot-links a:hover{color:var(--gold-soft)}
.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block-start:24px;font-size:13px;font-family:'JetBrains Mono',monospace;letter-spacing:.06em;color:rgba(255,255,255,.4)}
.foot-motto{font-family:'Reem Kufi',serif;color:var(--gold-soft);font-size:16px;padding-block:26px 0}

/* حركة الظهور */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media (max-width:960px){
  .about,.vm,.partners,.close-grid,.goals{grid-template-columns:1fr}
  .grid-work{grid-template-columns:1fr 1fr}
  .domains{grid-template-columns:1fr 1fr}
  .domains .cell:nth-child(3){border-inline-start:0}
  .ledger .line{grid-template-columns:40px 1fr;gap:10px 16px}
  .ledger .line p{grid-column:2}
}
@media (max-width:720px){
  :root{--rail:0px}
  .rail{display:none}
  nav.main{display:none}
  .menu-btn{display:none}
  .top-in .btn{padding:8px 14px;font-size:14px}
  .brand small{display:none}
  .brand b{font-size:16px}
  .brand .seal-sm{width:32px;height:32px}
  .top-in{padding-block:11px}
  .grid-work{grid-template-columns:1fr}
  .domains{grid-template-columns:1fr}
  .domains .cell{border-inline-start:0;border-block-start:1px solid rgba(255,255,255,.14);padding:20px 0 22px}
  .domains .cell:first-child{border-block-start:0}
  .partner{grid-template-columns:1fr}
  .partner .mark{border-inline-end:0;border-block-end:1px solid var(--line)}
  body{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto}
  .rv{opacity:1;transform:none}
}