/* ==========================================================================
   NIKRAD POLISH v1.0 — ظاهر مدرن ۲۰۲۶
   این فایل آخر از همه لود می‌شود و فقط ظاهر را یکدست می‌کند.
   برای برگرداندن: لینک آن را از includes/theme-head.php حذف کن.
   تغییر رنگ برند: فقط --nk-brand و --nk-brand-hover را عوض کن.
   ========================================================================== */

:root{
  --nk-brand:#0f766e;
  --nk-brand-hover:#0b5f58;
  --nk-brand-ink:#ffffff;
  --nk-brand-soft:rgba(15,118,110,.10);
  --nk-brand-ring:rgba(15,118,110,.35);
  --nk-radius:16px;
  --nk-radius-sm:12px;
  --nk-shadow-1:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --nk-shadow-2:0 8px 24px -8px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.05);
  --nk-ease:cubic-bezier(.2,.7,.2,1);

  /* رنگ تأکیدی همهٔ لایه‌های قدیمی به رنگ برند */
  --accent:var(--nk-brand);
  --accent-soft:var(--nk-brand-soft);
  --accent-dim:rgba(15,118,110,.22);
  --z-accent:var(--nk-brand);
  --z-accent-ink:var(--nk-brand-ink);
  --ss-accent:var(--nk-brand);
  --ss-accent-ink:var(--nk-brand-ink);
  --p-accent:var(--nk-brand);
  --p-accent-soft:var(--nk-brand-soft);
  --p-accent-dim:var(--nk-brand-ring);
}
html[data-theme="dark"],html[data-nikrad-theme="dark"]{
  --nk-brand:#2dd4bf;
  --nk-brand-hover:#5eead4;
  --nk-brand-ink:#04201d;
  --nk-brand-soft:rgba(45,212,191,.14);
  --nk-brand-ring:rgba(45,212,191,.45);
  --nk-shadow-1:0 1px 2px rgba(0,0,0,.4);
  --nk-shadow-2:0 10px 28px -8px rgba(0,0,0,.6);
  --accent:var(--nk-brand);
  --accent-soft:var(--nk-brand-soft);
  --accent-dim:rgba(45,212,191,.25);
  --z-accent:var(--nk-brand);
  --z-accent-ink:var(--nk-brand-ink);
  --ss-accent:var(--nk-brand);
  --ss-accent-ink:var(--nk-brand-ink);
  --p-accent:var(--nk-brand);
  --p-accent-soft:var(--nk-brand-soft);
  --p-accent-dim:var(--nk-brand-ring);
}

/* ---------- تایپوگرافی: خواناتر و درشت‌تر ---------- */
html body.nikrad-app{
  font-size:15px;
  line-height:1.95;
  text-rendering:optimizeLegibility;
  font-feature-settings:"ss01" 1;
}
html body.nikrad-app :is(h1,h2,h3){letter-spacing:-.01em;line-height:1.5;font-weight:800;text-wrap:balance}
html body.nikrad-app :is(p,li){text-wrap:pretty}
/* کف اندازه‌ی فونت برای متن‌های ریز رایج */
html body.nikrad-app :is(.eyebrow,.lr-sub,.stat-card small,.stat-card .stat-label,.header-brand-copy small,.badge,.chip,.tag,.proj-chip,.filter-chips button,.yt-t,.list-row small,.meta,.hint,.help-text){
  font-size:max(12.5px,1em);
}

/* ---------- کارت‌ها: مات، سایه‌ی نرم، حرکت ملایم ---------- */
html body.nikrad-app :is(.card,.stat-card,.quick-card,.list-card,.doc-card,.yt-card,.panel,.feature-card,.plan-card,.post-card,.topic-card){
  border-radius:var(--nk-radius)!important;
  box-shadow:var(--nk-shadow-1)!important;
  transition:transform .22s var(--nk-ease),box-shadow .22s var(--nk-ease),border-color .22s var(--nk-ease);
}
@media (hover:hover){
  html body.nikrad-app :is(.stat-card,.quick-card,.doc-card,.yt-card,.feature-card,.post-card,.topic-card):hover{
    transform:translateY(-2px);
    box-shadow:var(--nk-shadow-2)!important;
    border-color:var(--nk-brand-ring)!important;
  }
}
html body.nikrad-app :is(.stat-card,.quick-card):active{transform:scale(.985)}

/* آیکن کارت‌ها: پس‌زمینه‌ی رنگ برند */
html body.nikrad-app .quick-card :is(.qi,.quick-ico,.q-ico,.icon,.ico){
  background:var(--nk-brand-soft)!important;
  color:var(--nk-brand)!important;
}

/* ---------- گرید آمار: بدون کارت تنها ---------- */
html body.nikrad-app .stat-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:12px!important;
}
@media (max-width:767px){
  html body.nikrad-app .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
html body.nikrad-app .stat-card :is(b,strong,.stat-num,.stat-value){color:var(--nk-brand);font-weight:800}

/* ---------- دکمه‌ها: سلسله‌مراتب روشن ---------- */
html body.nikrad-app :is(.btn-primary,.btn.primary,.cta-btn,.send-btn,button[type="submit"].btn,.new-chat-btn){
  background:var(--nk-brand)!important;
  color:var(--nk-brand-ink)!important;
  border-color:transparent!important;
  box-shadow:0 6px 16px -6px var(--nk-brand-ring)!important;
  transition:transform .18s var(--nk-ease),background .18s,box-shadow .18s;
}
html body.nikrad-app :is(.btn-primary,.btn.primary,.cta-btn,.send-btn,button[type="submit"].btn,.new-chat-btn):hover{
  background:var(--nk-brand-hover)!important;
}
html body.nikrad-app :is(.btn,.cta-btn,.send-btn,.new-chat-btn):active{transform:scale(.97)}

/* دکمه‌ی «ورود با کلید» و مشابه: ثانویه (خطی) */
html body.nikrad-app .btn-key{
  background:transparent!important;
  color:var(--nk-brand)!important;
  border:1.5px solid var(--nk-brand)!important;
  box-shadow:none!important;
}
html body.nikrad-app .btn-key:hover{background:var(--nk-brand-soft)!important}

/* ---------- لینک‌ها ---------- */
html body.nikrad-app :is(.content,.page,main,.card,.doc-card) a:not(.btn):not([class*="card"]):not([class*="btn"]){
  text-decoration-color:var(--nk-brand-ring);
  text-underline-offset:4px;
}
html body.nikrad-app :is(.content,.page,main) a:not(.btn):not([class*="card"]):not([class*="btn"]):hover{color:var(--nk-brand)}

/* ---------- فرم‌ها ---------- */
html body.nikrad-app :is(input,textarea,select){
  border-radius:var(--nk-radius-sm)!important;
  transition:border-color .18s,box-shadow .18s;
}
html body.nikrad-app :is(input,textarea,select):focus{
  border-color:var(--nk-brand)!important;
  box-shadow:0 0 0 3px var(--nk-brand-soft)!important;
  outline:none!important;
}

/* ---------- دسترس‌پذیری: focus واضح با کیبورد ---------- */
html body.nikrad-app :is(a,button,[role="button"],summary,input,select,textarea):focus-visible{
  outline:2px solid var(--nk-brand)!important;
  outline-offset:3px!important;
  border-radius:8px;
}

/* ---------- هدر و شیت‌ها: شیشه‌ی ملایم (فقط سطوح شناور) ---------- */
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){
  html body.nikrad-app .app-header{
    -webkit-backdrop-filter:saturate(1.4) blur(14px);
    backdrop-filter:saturate(1.4) blur(14px);
    background:color-mix(in srgb,var(--bg,#fff) 82%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,var(--line,#e5e5e5) 80%,transparent)!important;
  }
  html body.nikrad-app :is(.sheet,.site-menu-modal){
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
}
html body.nikrad-app :is(.backdrop,.site-menu-overlay,.sheet-overlay){
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}

/* ---------- ورود نرم محتوا ---------- */
@keyframes nk-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body.nikrad-app :is(.stat-card,.quick-card,.list-card,.doc-card){
  animation:nk-rise .45s var(--nk-ease) both;
}
html body.nikrad-app :is(.stat-card:nth-child(2),.quick-card:nth-child(2)){animation-delay:.05s}
html body.nikrad-app :is(.stat-card:nth-child(3),.quick-card:nth-child(3)){animation-delay:.10s}
html body.nikrad-app :is(.stat-card:nth-child(4),.quick-card:nth-child(4)){animation-delay:.15s}

/* ---------- انتخاب متن و اسکرول‌بار ---------- */
::selection{background:var(--nk-brand-soft);color:inherit}
html{scrollbar-color:var(--nk-brand-ring) transparent;scrollbar-width:thin}

/* ---------- احترام به «کاهش حرکت» ---------- */
@media (prefers-reduced-motion:reduce){
  html body.nikrad-app *,html body.nikrad-app *::before,html body.nikrad-app *::after{
    animation:none!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}