/* ============================================
   نظام "صفحات الحوكمة/التقارير" الحقيقي — منقول حرفيًا من المصدر الفعلي المنشور على
   tbm.sa/Governance/ و tbm.sa/Project-reports/ (وليس تخمينًا من القالب الوردبريسي)
   ============================================ */
:root{
  --pk-primary: var(--tn-primary, #82A1A8);
  --pk-text-dark: var(--tn-text-dark, #2C3E50);
  --pk-gold: var(--tn-gold, #D4AF37);
  --pk-glass-bg: rgba(255,255,255,.75);
  --pk-glass-border: rgba(130,161,168,.3);
  --pk-text-muted: #5C6B73;
}
body.tn-kiosk{
  margin:0;  color:var(--pk-text-dark);
  min-height:100vh; overflow-x:hidden; position:relative; display:flex; flex-direction:column;
  background-color:#f7f9fa; cursor:none !important;
}
body.tn-kiosk *{ cursor:none !important; }
@media (pointer:coarse){ body.tn-kiosk, body.tn-kiosk *{ cursor:auto !important; } body.tn-kiosk .cursor-dot, body.tn-kiosk .cursor-aura{ display:none !important; } }

.cursor-dot{ position:fixed; top:0; left:0; width:8px; height:8px; background:var(--pk-gold); border-radius:50%; transform:translate(-50%,-50%); z-index:10000; pointer-events:none; transition:width .2s,height .2s,background .2s; }
.cursor-aura{ position:fixed; top:0; left:0; width:400px; height:400px; background:radial-gradient(circle,rgba(130,161,168,.15) 0%,transparent 60%); border-radius:50%; transform:translate(-50%,-50%); z-index:9998; pointer-events:none; transition:transform .1s ease-out; }

#tnPreloader{ position:fixed; inset:0; background:#fff; z-index:9999; display:flex; justify-content:center; align-items:center; transition:opacity .5s ease, visibility .5s ease; }
.pulse-logo-preloader{ width:120px; animation:pkPreloaderPulse 1.2s infinite alternate ease-in-out; }
@keyframes pkPreloaderPulse{ 0%{ transform:scale(.9); filter:drop-shadow(0 0 10px rgba(130,161,168,.2)); } 100%{ transform:scale(1.1); filter:drop-shadow(0 0 30px rgba(130,161,168,.6)); } }
.hide-preloader{ opacity:0 !important; visibility:hidden !important; }

.site-bg{ position:fixed; inset:0; width:100vw; height:100vh; background:url('../img/premium-bg-blur.jpg') center/cover no-repeat; filter:blur(20px); transform:scale(1.15); z-index:-4; }
.site-overlay{ position:fixed; inset:0; width:100vw; height:100vh; background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(233,240,241,.96) 100%); z-index:-3; }
.watermark-logo{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:450px; opacity:.03; z-index:-1; pointer-events:none; }

.capsule-nav{ position:fixed; top:25px; left:50%; transform:translateX(-50%); background:rgba(255,255,255,.9); backdrop-filter:blur(15px); border:1px solid var(--pk-glass-border); padding:8px 30px; border-radius:50px; display:flex; gap:20px; z-index:1000; box-shadow:0 10px 30px rgba(0,0,0,.08); opacity:0; transition:opacity .5s ease; }
body.tn-kiosk-loaded .capsule-nav{ opacity:1; }
.magnetic-btn{ padding:10px 20px; border-radius:30px; text-decoration:none; color:var(--pk-text-muted); font-weight:700; font-size:15px; transition:transform .3s ease, color .3s ease; display:inline-block; }
.magnetic-btn:hover, .magnetic-btn.active{ color:var(--pk-primary); background:rgba(255,255,255,.8); box-shadow:0 5px 15px rgba(0,0,0,.05); }

.capsule-nav .tn-lang-toggle{ display:flex; background:rgba(0,0,0,.05); border-radius:999px; padding:3px; gap:2px; align-self:center; }
.capsule-nav .tn-lang-toggle button{ border:none; background:none; padding:7px 12px; border-radius:999px; font-size:11px; font-weight:700; color:var(--pk-text-muted); cursor:pointer; transition:.25s;  }
.capsule-nav .tn-lang-toggle button.tn-active{ background:var(--pk-primary); color:#fff; }
@media (max-width:768px){ .capsule-nav .tn-lang-toggle{ display:none; } }

.hero-section{ padding:150px 20px 40px; text-align:center; display:flex; flex-direction:column; align-items:center; z-index:10; position:relative; }
.hero-logo{ width:170px; margin-bottom:25px; animation:pkGentlePulse 3s infinite alternate ease-in-out; }
@keyframes pkGentlePulse{ 0%{ transform:scale(1); filter:drop-shadow(0 5px 15px rgba(0,0,0,.05)); } 100%{ transform:scale(1.05); filter:drop-shadow(0 15px 30px rgba(130,161,168,.3)); } }
.hero-title{ font-size:38px; font-weight:900; margin-bottom:10px; color:var(--pk-text-dark); min-height:60px; }
.hero-title .sub{ display:block; font-size:16px; font-weight:600; color:var(--pk-text-muted); margin-top:10px; }
.typing-cursor{ display:inline-block; width:4px; height:35px; background-color:var(--pk-primary); margin-right:5px; vertical-align:middle; animation:pkBlink .8s infinite; }
@keyframes pkBlink{ 0%,100%{ opacity:1; } 50%{ opacity:0; } }

.year-section{ width:100%; max-width:1600px; margin:0 auto 50px auto; z-index:10; opacity:0; transform:translateY(30px); transition:all 1s ease; position:relative; }
body.tn-kiosk-loaded .year-section{ opacity:1; transform:translateY(0); transition-delay:.2s; }
.year-heading-wrapper{ display:flex; align-items:center; margin-bottom:30px; padding:0 20px; }
.year-badge{ background:var(--pk-primary); color:#fff; padding:10px 30px; border-radius:50px; font-size:24px; font-weight:900; box-shadow:0 10px 20px rgba(130,161,168,.3); }
.year-line{ flex:1; height:2px; background:linear-gradient(to left,var(--pk-glass-border),transparent); margin-right:20px; border-radius:2px; }

.cards-container{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,400px)); justify-content:center; gap:30px; padding:0 20px 40px; perspective:1000px; }
.empty-state{ text-align:center; width:100%; padding:40px; background:var(--pk-glass-bg); border:1px dashed var(--pk-glass-border); border-radius:20px; color:var(--pk-text-muted); font-weight:bold; font-size:18px; opacity:0; transition:opacity 1s ease; }
body.tn-kiosk-loaded .empty-state{ opacity:1; }

.premium-card{ position:relative; border-radius:25px; text-decoration:none; color:var(--pk-text-dark); text-align:right; overflow:hidden; display:flex; flex-direction:column; transform-style:preserve-3d; padding:3px; box-shadow:0 10px 30px rgba(0,0,0,.04); cursor:none !important; }
.premium-card::before{ content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:conic-gradient(from 0deg,transparent 70%,var(--pk-gold) 100%); animation:pkSpinGlow 4s linear infinite; z-index:0; }
@keyframes pkSpinGlow{ 100%{ transform:rotate(360deg); } }
.card-inner{ position:relative; z-index:1; padding:15px; height:100%; display:flex; flex-direction:column; background:var(--pk-glass-bg); backdrop-filter:blur(25px); border-radius:22px; transition:background .4s ease; }
.premium-card:hover .card-inner{ background:#fff; }
.image-box{ width:100%; height:auto; border-radius:18px; overflow:hidden; position:relative; margin-bottom:20px; transform:translateZ(30px); aspect-ratio:16/10; }
.image-box img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s ease; }
.premium-card:hover .image-box img{ transform:scale(1.1); }
.icon-overlay{ position:absolute; bottom:15px; right:15px; background:rgba(255,255,255,.95); width:45px; height:45px; border-radius:50%; display:flex; justify-content:center; align-items:center; color:var(--pk-primary); font-size:20px; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:all .4s ease; }
.premium-card:hover .icon-overlay{ background:var(--pk-primary); color:#fff; transform:rotate(-10deg) scale(1.1); }
.card-body{ display:flex; flex-direction:column; flex:1; padding:0 10px; transform:translateZ(20px); }
.card-body h2{ font-size:18px; font-weight:800; margin-bottom:25px; color:var(--pk-primary); line-height:1.5; text-align:center; }
.actions-wrapper{ display:flex; gap:10px; margin-top:auto; opacity:0; transform:translateZ(40px) translateY(20px); transition:all .4s cubic-bezier(.175,.885,.32,1.275); pointer-events:none; }
.premium-card:hover .actions-wrapper{ opacity:1; transform:translateZ(40px) translateY(0); pointer-events:auto; }
.btn-view,.btn-download{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:10px 0; border-radius:50px; font-weight:700; font-size:13px; text-decoration:none; transition:all .3s ease; cursor:none !important; }
.btn-view{ background:var(--pk-primary); color:#fff; border:1px solid var(--pk-primary); box-shadow:0 5px 15px rgba(130,161,168,.3); width:100%; }
.btn-view:hover{ background:#68858c; }
.btn-download{ background:transparent; color:var(--pk-primary); border:2px solid var(--pk-primary); }
.btn-download:hover{ background:var(--pk-primary); color:#fff; }

.site-footer{ position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(100px); background:rgba(255,255,255,.95); backdrop-filter:blur(15px); border:1px solid rgba(255,255,255,.5); padding:15px 40px; border-radius:50px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; z-index:1000; box-shadow:0 15px 40px rgba(0,0,0,.08); opacity:0; transition:transform 1s cubic-bezier(.25,1,.5,1), opacity .5s ease; }
body.tn-kiosk-loaded .site-footer{ transform:translateX(-50%) translateY(0); opacity:1; transition-delay:.5s; }
.footer-rights{ font-size:13px; font-weight:700; color:var(--pk-text-muted); }
.footer-social{ display:flex; gap:15px; }
.footer-social a{ color:var(--pk-text-dark); font-size:20px; text-decoration:none; display:flex; justify-content:center; align-items:center; width:42px; height:42px; border-radius:50%; background:#f0f4f5; border:1px solid rgba(0,0,0,.05); transition:all .3s cubic-bezier(.68,-.55,.265,1.55); }
.footer-social a:hover{ color:#fff; background:var(--pk-primary); transform:translateY(-5px) scale(1.1); box-shadow:0 8px 20px rgba(130,161,168,.4); }
.x-icon-text{ font-family:Arial,sans-serif; font-weight:900; font-size:20px; line-height:1; }
.kiosk-spacer{ height:130px; width:100%; }

/* ===== محتوى إضافي داخل صفحات الكشك (نماذج/بطاقات عامة) يستخدم نفس المتغيرات ===== */
.kiosk-content{ width:100%; max-width:900px; margin:0 auto 40px; padding:0 20px; z-index:10; position:relative; opacity:0; transform:translateY(30px); transition:all 1s ease; }
body.tn-kiosk-loaded .kiosk-content{ opacity:1; transform:translateY(0); transition-delay:.2s; }
.kiosk-card{ background:var(--pk-glass-bg); backdrop-filter:blur(25px); border:1px solid var(--pk-glass-border); border-radius:24px; padding:36px; box-shadow:0 15px 40px rgba(0,0,0,.05); }

@media(max-width:768px){
  .capsule-nav{ width:90%; padding:8px 10px; }
  .hero-section{ padding-top:130px; min-height:auto; }
  .hero-title{ font-size:24px; }
  .hero-logo{ width:140px; }
  .site-footer{ width:90%; padding:15px 20px; position:static; transform:none !important; margin:0 auto 30px; opacity:1; }
  .actions-wrapper{ opacity:1; transform:translateZ(40px) translateY(0); pointer-events:auto; }
  .cards-container{ grid-template-columns:1fr; width:95%; margin:0 auto; }
  .kiosk-spacer{ height:20px; }
}

/* ============================================================
   استخدام قسم البطاقات (premium-card/year-section/kiosk-content) ضمن
   الهوية العادية الموحّدة للموقع (بدون كبسولة تنقّل/مؤشر مخصص/preloader خاص) —
   نُظهر المحتوى مباشرة بدل انتظار كلاس body.tn-kiosk-loaded الذي لم يعد يُضاف.
   ============================================================ */
.year-section, .empty-state, .kiosk-content{ opacity:1 !important; transform:none !important; }
.premium-card, .btn-view, .btn-download{ cursor:pointer !important; }