/* ============================================================
   شهادة تسجيل الجمعية — أنماط خاصة بهذه الصفحة وحدها.
   المُحدِّدات مسبوقة بـct- تجنّباً لأي تعارض مع site.css.
   ============================================================ */

.ct-open, .ct-main, .ct-validity, .ct-bodies, .ct-extra, .ct-logos-sec, .ct-docs{
  --ct-pad: clamp(48px, 5vw, 76px);
}
.ct-inner, .ct-open-inner{max-width:1180px; margin:0 auto;}

.ct-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-size:11.5px; font-weight:700;
  color:var(--teal); background:var(--mint-pale);
  border:1px solid rgba(31,120,116,.16); padding:6px 15px; border-radius:999px;
}
.ct-eyebrow::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--teal);}
.ct-eyebrow-light{color:var(--mint); background:rgba(179,222,202,.10); border-color:rgba(179,222,202,.24);}
.ct-eyebrow-light::before{background:var(--mint);}

.ct-head{margin-bottom:clamp(26px,3vw,40px);}
.ct-head h2{
  font-family:var(--font-head); color:var(--navy);
  font-size:clamp(22px,2.6vw,31px); font-weight:800; line-height:1.32; margin-top:13px;
}

/* ---------- الافتتاحية ---------- */
.ct-open{
  position:relative; overflow:hidden; isolation:isolate; text-align:center;
  background:linear-gradient(155deg, #04203A 0%, var(--navy) 52%, #0B3A5E 100%);
  color:#fff; padding:clamp(88px,9vw,132px) 28px clamp(50px,5.2vw,70px);
}
/* ختم دائري خافت يوحي بالتوثيق الرسمي */
.ct-open-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle at 50% 34%, rgba(179,222,202,.10) 0 22%, transparent 22.4%),
    radial-gradient(circle at 50% 34%, rgba(179,222,202,.07) 0 30%, transparent 30.4%),
    radial-gradient(62% 78% at 86% 8%, rgba(44,148,142,.26), transparent 60%),
    radial-gradient(46% 62% at 8% 96%, rgba(65,127,193,.18), transparent 62%);
}
.ct-status{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-head); font-size:12.5px; font-weight:700;
  padding:8px 18px; border-radius:999px; margin-bottom:20px;
}
.ct-status.is-valid{color:var(--mint); background:rgba(179,222,202,.10); border:1px solid rgba(179,222,202,.26);}
.ct-status.is-expired{color:#ffd9d0; background:rgba(220,90,60,.14); border:1px solid rgba(220,90,60,.34);}
.ct-dot{width:8px; height:8px; border-radius:50%; background:currentColor; flex-shrink:0;}
@media (prefers-reduced-motion: no-preference){
  .ct-status.is-valid .ct-dot{animation:ct-pulse 2.6s ease-out infinite;}
  @keyframes ct-pulse{
    0%{box-shadow:0 0 0 0 rgba(179,222,202,.6);}
    70%{box-shadow:0 0 0 9px rgba(179,222,202,0);}
    100%{box-shadow:0 0 0 0 rgba(179,222,202,0);}
  }
}
.ct-open h1{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(27px,3.8vw,46px); line-height:1.25; letter-spacing:-.5px;
  max-width:20ch; margin-inline:auto; text-wrap:balance;
}
.ct-open-lede{
  margin:18px auto 0; max-width:72ch;
  font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.85; color:rgba(255,255,255,.76);
}
.ct-open-lede p{margin:0;}

/* ---------- بطاقة الشهادة ---------- */
.ct-main{padding:var(--ct-pad) 28px; background:var(--paper-tint);}
.ct-split{display:grid; grid-template-columns:0.92fr 1.08fr; gap:clamp(24px,3.4vw,48px); align-items:start;}

.ct-cert{margin:0;}
.ct-cert-frame{
  position:relative; display:block; overflow:hidden;
  background:#fff; border:1px solid var(--line); padding:12px;
  box-shadow:var(--shadow-md);
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease;
}
.ct-cert-frame img{width:100%; height:auto; display:block;}
.ct-cert-frame:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.ct-zoom{
  position:absolute; inset-inline:12px; bottom:12px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 16px; font-size:13px; font-weight:700; color:#fff;
  background:rgba(5,34,62,.86); backdrop-filter:blur(4px);
  opacity:0; transform:translateY(8px);
  transition:opacity .3s ease, transform .35s cubic-bezier(.16,1,.3,1);
}
.ct-cert-frame:hover .ct-zoom,
.ct-cert-frame:focus-visible .ct-zoom{opacity:1; transform:none;}
.ct-zoom svg{width:16px; height:16px;}

/* المعرّفات القابلة للنسخ */
.ct-ids{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px;}
.ct-id{
  background:var(--navy); color:#fff; padding:15px 18px;
  display:flex; flex-direction:column; gap:7px;
}
.ct-id-label{font-size:11.5px; color:rgba(255,255,255,.6);}
.ct-id-row{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.ct-id b{
  font-family:'Roboto',monospace; font-size:clamp(17px,1.8vw,21px); font-weight:800;
  letter-spacing:1.2px; color:var(--mint);
}
.ct-copy{
  width:32px; height:32px; flex-shrink:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff;
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}
.ct-copy svg{width:15px; height:15px;}
.ct-copy:hover{background:var(--teal); border-color:var(--teal);}
/* تأكيد النسخ: علامة صح تحلّ محل الأيقونة */
.ct-copy.is-done{background:var(--teal); border-color:var(--teal);}
.ct-copy.is-done svg{display:none;}
.ct-copy.is-done::after{content:'✓'; font-size:15px; font-weight:800; line-height:1;}

/* بقية الحقول */
.ct-fields{margin:0; border-top:1px solid var(--line);}
.ct-field{
  display:grid; grid-template-columns:0.8fr 1.2fr; gap:14px;
  padding:13px 4px; border-bottom:1px solid var(--line);
  transition:background .3s ease;
}
.ct-field:hover{background:#fff;}
.ct-field dt{font-size:13px; color:#7c8b99; line-height:1.6;}
.ct-field dd{margin:0; font-size:13.8px; font-weight:700; color:var(--navy); line-height:1.6;}
.ct-num{font-family:'Roboto',monospace; letter-spacing:.6px;}

.ct-raw{background:#fff; border:1px solid var(--line); padding:22px;}

/* ---------- مدّة السريان ---------- */
.ct-validity{padding:var(--ct-pad) 28px; background:linear-gradient(165deg, #06264A, var(--navy));}
.ct-val-head{margin-bottom:clamp(26px,3vw,38px); text-align:center;}
.ct-val-head h2{
  font-family:var(--font-head); color:#fff;
  font-size:clamp(21px,2.5vw,30px); font-weight:800; line-height:1.35; margin-top:13px;
}
.ct-meter-track{
  height:8px; background:rgba(255,255,255,.12); overflow:hidden; border-radius:999px;
}
.ct-meter-fill{
  display:block; height:100%; width:0; border-radius:999px;
  background:linear-gradient(90deg, var(--mint), var(--teal-soft));
  transition:width 1.6s cubic-bezier(.16,1,.3,1) .25s;
}
[data-reveal].in-view .ct-meter-fill{width:calc(var(--pct) * 1%);}
.ct-meter-ends{display:flex; justify-content:space-between; gap:18px; margin-top:14px;}
.ct-end{display:flex; flex-direction:column; gap:2px;}
.ct-end-l{text-align:end;}
.ct-end b{font-family:'Roboto',monospace; font-size:15px; font-weight:800; color:#fff; letter-spacing:.6px;}
.ct-end em{font-style:normal; font-size:12px; color:var(--mint);}
.ct-end span{font-size:11.5px; color:rgba(255,255,255,.55);}

.ct-stats{
  list-style:none; margin:clamp(28px,3.2vw,40px) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
.ct-stats li{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  padding:18px 20px; text-align:center;
}
.ct-stats b{
  display:block; font-family:'Roboto',sans-serif; font-size:clamp(22px,2.6vw,30px);
  font-weight:800; color:var(--mint); line-height:1;
}
.ct-stats span{display:block; margin-top:6px; font-size:12px; color:rgba(255,255,255,.62);}

/* ---------- الجهات المشرفة ---------- */
.ct-bodies{padding:var(--ct-pad) 28px;}
.ct-bodies-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:16px;}
.ct-body-card{
  background:#fff; border:1px solid var(--line); padding:26px 24px 28px;
  box-shadow:var(--shadow-sm);
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease, border-color .35s ease;
}
.ct-body-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(31,120,116,.3);}
.ct-body-ic{
  width:48px; height:48px; border-radius:50%; background:var(--mint-pale); color:var(--teal);
  display:flex; align-items:center; justify-content:center; margin-bottom:16px;
}
.ct-body-ic svg{width:22px; height:22px;}
.ct-body-card h3{
  font-family:var(--font-head); font-size:16.5px; font-weight:800; color:var(--navy); line-height:1.45;
}
.ct-body-card p{margin-top:9px; font-size:13.8px; line-height:1.8; color:#5d7285;}

/* ---------- أقسام إضافية والاعتمادات ---------- */
.ct-extra{padding:var(--ct-pad) 28px;}
.ct-extra h2{font-family:var(--font-head); font-size:clamp(20px,2.2vw,26px); font-weight:800; color:var(--navy); margin-bottom:14px;}
.ct-prose{font-size:15px; line-height:1.9; color:#41566a; max-width:68ch;}
.ct-prose p{margin:0 0 14px;}

.ct-logos-sec{padding:var(--ct-pad) 28px; background:var(--paper-tint);}
.ct-logos{display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line);}
.ct-logo{background:#fff; min-height:124px; padding:22px; display:flex; align-items:center; justify-content:center;}
.ct-logo img{max-width:100%; max-height:62px; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .4s ease, opacity .4s ease, transform .5s cubic-bezier(.16,1,.3,1);}
.ct-logo:hover img{filter:grayscale(0); opacity:1; transform:scale(1.05);}

/* ---------- وثائق ذات صلة ---------- */
.ct-docs{padding:var(--ct-pad) 28px; background:var(--paper-tint);}
.ct-docs h2{font-family:var(--font-head); font-size:clamp(20px,2.2vw,26px); font-weight:800; color:var(--navy); margin-bottom:22px;}
.ct-docs-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.ct-doc{
  display:flex; flex-direction:column; gap:5px;
  background:#fff; border:1px solid var(--line); padding:19px 21px 21px;
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .4s ease;
}
.ct-doc:hover{transform:translateY(-4px); box-shadow:var(--shadow-sm); border-color:rgba(31,120,116,.35);}
.ct-doc-label{font-family:var(--font-head); font-size:15px; font-weight:800; color:var(--navy);}
.ct-doc-note{font-size:12.5px; line-height:1.6; color:#7c8b99;}
.ct-doc svg{width:17px; height:17px; color:var(--teal); margin-top:9px; transition:transform .35s cubic-bezier(.16,1,.3,1);}
.ct-doc:hover svg{transform:translateX(-5px);}

/* ---------- الحركة ---------- */
@media (prefers-reduced-motion: no-preference){
  [data-reveal] .ct-id,
  [data-reveal] .ct-field,
  [data-reveal] .ct-stats li,
  [data-reveal] .ct-body-card,
  [data-reveal] .ct-logo,
  [data-reveal] .ct-doc{
    animation:ct-rise .66s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--i, 0) * 55ms);
    animation-play-state:paused;
  }
  [data-reveal].in-view .ct-id,
  [data-reveal].in-view .ct-field,
  [data-reveal].in-view .ct-stats li,
  [data-reveal].in-view .ct-body-card,
  [data-reveal].in-view .ct-logo,
  [data-reveal].in-view .ct-doc{animation-play-state:running;}

  @keyframes ct-rise{
    from{opacity:0; translate:0 14px;}
    to{opacity:1; translate:0 0;}
  }
}

/* ---------- الاستجابة ---------- */
@media (max-width:960px){
  .ct-split{grid-template-columns:1fr;}
  .ct-docs-grid{grid-template-columns:repeat(2,1fr);}
  /* اللمس لا يملك حالة مرور، فيبقى وسم التكبير ظاهراً دوماً */
  .ct-zoom{opacity:1; transform:none;}
}
@media (max-width:620px){
  .ct-ids{grid-template-columns:1fr;}
  .ct-stats{grid-template-columns:1fr;}
  .ct-docs-grid{grid-template-columns:1fr;}
  .ct-field{grid-template-columns:1fr; gap:3px; padding:11px 2px;}
  .ct-meter-ends{flex-direction:column; gap:12px;}
  .ct-end-l{text-align:start;}
}