/*
Theme Name: Nashir Academy Theme
Theme URI: https://academy.nashir.sa
Author: Nashir Business Services
Author URI: https://www.nashir.sa
Description: Professional front-end theme for Nashir Academy LMS pages and course experience.
Version: 1.1.0
Text Domain: nashir-academy-theme
*/

:root{
  --na-navy:#07124a;
  --na-blue:#2600ce;
  --na-cyan:#00d5fc;
  --na-soft:#f5fbff;
  --na-line:#e4eef8;
  --na-text:#14213d;
  --na-muted:#637083;
  --na-gold:#c99a2e;
  --na-green:#16a34a;
  --na-orange:#f59e0b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Almarai, Tahoma, Arial, sans-serif;
  color:var(--na-text);
  background:#f5faff;
}
a{color:var(--na-blue);text-decoration:none}
.na-site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--na-line);
}
.na-header-inner{
  width:min(1180px,calc(100% - 40px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:78px;
  gap:24px;
}
.na-brand{
  display:flex;align-items:center;gap:12px;
  font-weight:800;
  color:var(--na-navy);
  font-size:22px;
}
.na-brand-mark{
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(135deg,var(--na-blue),var(--na-cyan));
  box-shadow:0 12px 28px rgba(38,0,206,.22);
}
.na-main-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.na-main-nav a{color:#26344d;font-size:15px;padding:10px 14px;border-radius:999px}
.na-main-nav a:hover{background:#eef8ff;color:var(--na-blue)}
.na-main-nav .na-nav-cta{
  background:linear-gradient(135deg,var(--na-blue),var(--na-cyan));
  color:#fff;box-shadow:0 10px 24px rgba(38,0,206,.18);
}
.na-page-shell{min-height:calc(100vh - 78px)}
.na-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:46px 0 70px}
.na-page-title{display:none}
.na-site-footer{border-top:1px solid var(--na-line);background:#fff;padding:26px 0;color:var(--na-muted)}
.na-footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.na-footer-brand{font-weight:800;color:var(--na-navy)}
.na-footer-links{display:flex;gap:14px;flex-wrap:wrap}
.na-footer-links a{color:var(--na-muted);font-size:14px}

/* Login / dashboard */
.na-login-wrap{min-height:calc(100vh - 180px)!important;border-radius:34px!important;padding:70px 24px!important;background:radial-gradient(circle at 20% 20%, rgba(0,213,252,.35), transparent 28%),radial-gradient(circle at 80% 70%, rgba(255,255,255,.25), transparent 24%),linear-gradient(135deg,#07124a 0%, #2600ce 52%, #00d5fc 100%)!important}
.na-login-card{max-width:520px!important;border-radius:30px!important;padding:42px!important;text-align:right!important}
.na-login-card h1{font-size:42px!important;line-height:1.25!important;margin-bottom:10px!important}
.na-login-card p{font-size:17px!important;color:#536174!important}
.na-login-card form p{display:flex;flex-direction:column;gap:8px;margin:14px 0!important}
.na-login-card label{font-weight:700;color:#1f2b45}
.na-login-card input[type=text],.na-login-card input[type=password]{width:100%!important;min-height:48px;border:1px solid #d8e4f0!important;border-radius:14px!important;padding:10px 14px!important;font-size:16px!important}
.na-login-card input[type=submit]{width:100%;min-height:48px;border:0!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(135deg,var(--na-blue),var(--na-cyan))!important;font-weight:800;font-size:16px;cursor:pointer}
.na-dashboard{direction:rtl}
.na-dashboard .na-hero{border-radius:34px!important;padding:46px!important;margin:0 0 28px!important}
.na-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:24px}
.na-course-card{background:#fff;border:1px solid #e6eef7;border-radius:22px;overflow:hidden;box-shadow:0 12px 36px rgba(20,40,90,.08)}
.na-cover{height:150px;background:linear-gradient(135deg,#2600ce,#00d5fc);background-size:cover;background-position:center}
.na-course-body{padding:20px}
.na-course-body h3{margin:8px 0;color:#07124a}
.na-course-body p{text-align:justify;color:#39445a;line-height:1.8}
.na-badge{display:inline-block;background:#eaf9ff;color:#0b4b74;border-radius:999px;padding:4px 10px;font-size:12px}
.na-meta{color:#64748b;font-size:13px;margin:14px 0}
.na-btn,.na-verify button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2600ce,#00d5fc);color:#fff!important;padding:12px 20px;border-radius:14px;text-decoration:none;border:0;cursor:pointer;font-weight:800}
.na-btn.secondary{background:#eef5ff;color:#07124a!important;box-shadow:none}
.na-box{max-width:720px;margin:40px auto!important;text-align:center;font-size:18px}
.na-verify{max-width:760px;margin:50px auto!important;padding:28px;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.na-verify input{padding:12px;border:1px solid #d7e2ee;border-radius:10px;min-width:260px}
.na-verify.valid{border-top:6px solid #16a34a}.na-verify.invalid{border-top:6px solid #dc2626}

/* Course page v1.1 */
.na-course-page{direction:rtl}
.na-course-hero{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:46px;
  background:
    radial-gradient(circle at 10% 20%, rgba(0,213,252,.22), transparent 26%),
    linear-gradient(135deg,#07124a 0%,#2600ce 56%,#00d5fc 100%);
  color:#fff;
  box-shadow:0 26px 80px rgba(38,0,206,.18);
}
.na-course-hero h1{
  margin:14px 0 14px;
  font-size:42px;
  line-height:1.35;
  color:#fff;
}
.na-course-hero p{
  max-width:850px;
  line-height:1.9;
  font-size:18px;
  color:rgba(255,255,255,.88);
}
.na-course-labels{display:flex;gap:10px;flex-wrap:wrap}
.na-course-label{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:13px;
}
.na-course-layout{
  display:grid;
  grid-template-columns:1.45fr .75fr;
  gap:24px;
  margin-top:24px;
}
.na-panel{
  background:#fff;
  border:1px solid var(--na-line);
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 50px rgba(15,38,90,.07);
}
.na-panel h2{
  margin:0 0 18px;
  color:var(--na-navy);
  font-size:26px;
}
.na-panel p,.na-panel li{
  color:#34405a;
  line-height:1.9;
  font-size:16px;
  text-align:justify;
}
.na-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.na-info-item{
  background:#f7fbff;
  border:1px solid #e1eef9;
  border-radius:18px;
  padding:16px;
}
.na-info-item span{
  display:block;
  color:#64748b;
  font-size:13px;
  margin-bottom:6px;
}
.na-info-item strong{
  display:block;
  color:#07124a;
  font-size:18px;
}
.na-side-card{
  position:sticky;
  top:100px;
}
.na-quality-status{
  display:flex;
  gap:10px;
  flex-direction:column;
}
.na-status-pill{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid #e2edf7;
}
.na-status-pill strong{color:#07124a}
.na-warning{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  background:#fff8e6;
  border:1px solid #ffe0a3;
  color:#7a4b00;
  line-height:1.8;
}
.na-list-clean{
  margin:0;
  padding:0;
  list-style:none;
}
.na-list-clean li{
  position:relative;
  margin:10px 0;
  padding:12px 16px;
  background:#f8fbff;
  border:1px solid #e2edf7;
  border-radius:16px;
}
.na-lesson-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.na-lesson-item{
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid #e2edf7;
  border-radius:18px;
  background:#fbfdff;
}
.na-lesson-num{
  width:46px;height:46px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:900;
  background:linear-gradient(135deg,var(--na-blue),var(--na-cyan));
}
.na-lesson-title{font-weight:800;color:#07124a}
.na-lesson-type{font-size:13px;color:#64748b;margin-top:4px}
.na-mini-btn{
  padding:9px 13px;
  border-radius:12px;
  background:#eef5ff;
  color:#07124a;
  font-size:13px;
  font-weight:800;
}
.na-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}
.na-empty{
  padding:20px;
  border-radius:18px;
  background:#f8fbff;
  border:1px dashed #c9dcef;
  color:#64748b;
}
.entry-content{text-align:justify}
@media(max-width:900px){
  .na-course-layout{grid-template-columns:1fr}
  .na-side-card{position:static}
  .na-course-hero{padding:30px}
  .na-course-hero h1{font-size:32px}
}
@media(max-width:760px){
  .na-header-inner{align-items:flex-start;flex-direction:column;padding:16px 0}
  .na-main-nav{gap:8px}
  .na-main-nav a{font-size:13px;padding:8px 10px}
  .na-content{padding:28px 0 50px}
  .na-login-card{padding:28px!important}
  .na-login-card h1{font-size:32px!important}
  .na-info-grid{grid-template-columns:1fr}
  .na-lesson-item{grid-template-columns:44px 1fr}
  .na-mini-btn{grid-column:2}
}