/* ==========================================================
   AshaCode Docs — ashacode-* component styles + responsive
   Scoped to the docs layout so it never touches other pages.
   ========================================================== */

/* --- content column never overflows --- */
.docs-content { min-width: 0; }

/* --- cards --- */
.docs-prose .ashacode-card {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #E3E9EC);
  border-radius: 18px;
  padding: 22px 24px;
  margin: 20px 0;
  box-shadow: 0 1px 2px rgba(2, 40, 36, 0.05), 0 8px 24px rgba(2, 40, 36, 0.06);
}
.docs-prose .ashacode-card > h3 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 800;
  color: var(--text-main, #333333);
}

/* --- code blocks (dark, like the rest of docs) --- */
.docs-content .ashacode-code-block {
  position: relative;
  background: #0E2E2C;
  border-radius: 16px;
  padding: 22px 24px;
  margin: 16px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  direction: ltr;
  text-align: left;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.9;
  color: #D6EAE8;
}
.docs-content .ashacode-code-block pre {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  white-space: pre;
}
.docs-content .ashacode-code-block .ashacode-copy-btn-abs {
  position: absolute;
  top: 12px;
  inset-inline-end: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-family: "Vazirmatn", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.docs-content .ashacode-code-block .ashacode-copy-btn-abs:hover {
  background: #078783;
  border-color: #078783;
  color: #ffffff;
}

/* --- inline path row (.ashacode-code) --- */
.docs-content .ashacode-code {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  direction: ltr;
  text-align: left;
  background: var(--bg-base, #F3F4F6);
  border: 1px solid var(--line, #E3E9EC);
  border-radius: 12px;
  padding: 12px 16px;
  margin: 12px 0;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  color: var(--primary-dark, #05605D);
  overflow: auto;
}
.docs-content .ashacode-code code { flex: 1 1 auto; }
.docs-content .ashacode-code .ashacode-copy-btn {
  flex-shrink: 0;
  padding: 6px 12px;
  font-family: "Vazirmatn", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-dark, #05605D);
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #E3E9EC);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.docs-content .ashacode-code .ashacode-copy-btn:hover {
  background: var(--primary-soft, #E4F3F2);
  color: var(--primary-dark, #05605D);
}

/* --- hints --- */
.docs-content .ashacode-hint {
  display: block;
  background: var(--primary-soft, #E4F3F2);
  border: 1px solid rgba(7, 135, 131, 0.18);
  color: var(--primary-dark, #05605D);
  border-radius: 12px;
  padding: 12px 16px;
  margin: 12px 0;
  font-size: 13.5px;
  line-height: 1.9;
}

/* --- inline code --- */
.docs-content .ashacode-inline-code {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: var(--primary-dark, #05605D);
  background: var(--bg-base, #F3F4F6);
  border: 1px solid var(--line, #E3E9EC);
  border-radius: 6px;
  padding: 1px 7px;
}

/* --- sidebar main item (آشاکد) --- */
.docs-sidebar .docs-link-main {
  display: block;
  margin: 2px 0 8px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  color: var(--text-main, #333333);
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #E3E9EC);
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.docs-sidebar .docs-link-main.active {
  background: var(--primary-soft, #E4F3F2);
  color: var(--primary-dark, #05605D);
  border-color: rgba(7, 135, 131, 0.25);
}
.docs-sidebar .docs-link-main:hover {
  color: var(--primary-dark, #05605D);
}

/* ==========================================================
   Responsive — the theme base.css already owns the off-canvas
   drawer for .docs-* ; these are component-level tweaks.
   ========================================================== */
@media (max-width: 767px) {
  .docs-prose .ashacode-card { padding: 16px; }
  .docs-content .ashacode-code-block { padding: 16px 14px; font-size: 12px; }
  .docs-content .ashacode-code { padding: 10px 12px; font-size: 12px; }
  .docs-content .ashacode-code-block .ashacode-copy-btn-abs { top: 10px; inset-inline-end: 10px; }
  .docs-prose .ashacode-hint { font-size: 12.5px; }
}

/* ==========================================================
   One-off fix (requested): /ashacode/download/ page — restore
   the header "شروع رایگان" button to the brand green. Its own
   inline :root{--primary:#3b82f6} used to leak into the header.
   ========================================================== */
body.page-id-262 .site-header .nav-actions .btn-primary,
body.page-id-262 .site-header .nav-mobile .btn-primary {
  background: #078783 !important;
  border-color: transparent !important;
}
body.page-id-262 .site-header .nav-actions .btn-primary:hover,
body.page-id-262 .site-header .nav-mobile .btn-primary:hover {
  background: #05605D !important;
}

/* ==========================================================
   One-off fix (requested): /ashacode/download/ page — the
   global `.asha-content code` rule paints a light --primary-soft
   chip behind the bright code text inside the dark .cmd-box,
   and the .copy-btn inherits the body font instead of Vazirmatn.
   ========================================================== */
body.page-id-262 .asha-content .cmd-box code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #E6FFFE;
}
body.page-id-262 .asha-content .cmd-box .copy-btn,
body.page-id-262 .asha-content .copy-btn {
  font-family: "Vazirmatn", system-ui, sans-serif !important;
}

/* ============ page-id-261 (ashacode home) ============ */
/* AshaCode intro - hide WP plain-hero + full-bleed */
body.page-id-261 .page-shell > .plain-hero{display:none !important;}
body.page-id-261 .plain-body{padding-top:0 !important;}
body.page-id-261 .plain-body > .container.asha-content{max-width:none !important;padding:0 !important;}
body.page-id-261 .ashacode-hero{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0 !important;background:#F3F4F6;position:relative;overflow:hidden;padding:clamp(64px,9vw,110px) 0 72px}body.page-id-261 .ashacode-hero .hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.7;pointer-events:none;z-index:0}body.page-id-261 .ashacode-hero .orb-a{width:480px;height:480px;top:-140px;right:-120px;background:radial-gradient(circle at 30% 30%,#59AFAC 0%,transparent 70%)}body.page-id-261 .ashacode-hero .orb-b{width:420px;height:420px;bottom:-160px;left:-120px;background:radial-gradient(circle at 60% 60%,rgba(7,135,131,.55) 0%,transparent 70%)}body.page-id-261 .ashacode-hero-head{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:18px;padding:0 20px}body.page-id-261 .version-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fff;border:1px solid #E3E9EC;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;color:#5F7373;direction:ltr;box-shadow:0 1px 2px rgba(2,40,36,.05),0 8px 24px rgba(2,40,36,.06)}body.page-id-261 .version-badge .vb-dot{width:7px;height:7px;border-radius:50%;background:#2EB67D;box-shadow:0 0 0 3px rgba(46,182,125,.18)}body.page-id-261 .hero-title-asha{font-size:clamp(36px,5.5vw,52px);font-weight:800;line-height:1.35;color:#333;font-family:Vazirmatn,sans-serif}body.page-id-261 .hero-title-asha span{background:linear-gradient(135deg,#05605D,#078783);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.page-id-261 .hero-sub-asha{font-size:17.5px;line-height:2;color:#5F7373;max-width:38em;font-family:Vazirmatn,sans-serif}body.page-id-261 .hero-sub-asha strong{color:#333}body.page-id-261 .opencode-note{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#8A9899;background:#fff;border:1px solid #E3E9EC;border-radius:999px;padding:6px 14px;font-family:Vazirmatn,sans-serif}body.page-id-261 .opencode-note b{color:#05605D}body.page-id-261 .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:12px}body.page-id-261 .cap-card{background:#fff;border:1px solid #E3E9EC;border-radius:20px;padding:28px 24px;box-shadow:0 1px 2px rgba(2,40,36,.05),0 8px 24px rgba(2,40,36,.06);display:flex;flex-direction:column;gap:14px;transition:transform .18s,box-shadow .18s,border-color .18s}body.page-id-261 .cap-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(3,70,65,.1);border-color:#59AFAC}body.page-id-261 .cap-card.featured{border:1.5px solid #078783;background:linear-gradient(165deg,#fff 0%,#EBF6F5 100%);position:relative}body.page-id-261 .cap-card.featured::before{content:"";position:absolute;top:0;right:24px;left:24px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#078783,#59AFAC)}body.page-id-261 .cap-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#E4F3F2;color:#05605D;font-size:22px}body.page-id-261 .cap-card.featured .cap-icon{background:#078783;color:#fff}body.page-id-261 .cap-card h3{font-size:17px;font-weight:800;color:#333;line-height:1.6;font-family:Vazirmatn,sans-serif}body.page-id-261 .cap-card p{font-size:14px;line-height:2;color:#5F7373;font-family:Vazirmatn,sans-serif}body.page-id-261 .cap-card .cap-meta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#05605D;background:#E4F3F2;padding:4px 10px;border-radius:999px;width:fit-content;font-family:Vazirmatn,sans-serif}body.page-id-261 .opencode-banner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:32px;align-items:center;background:#fff;border:1px solid #E3E9EC;border-radius:28px;padding:32px;box-shadow:0 1px 2px rgba(2,40,36,.05),0 8px 24px rgba(2,40,36,.06);margin-top:28px;max-width:1160px;margin-left:auto;margin-right:auto}body.page-id-261 .opencode-banner h3{font-size:18px;font-weight:800;color:#333;margin-bottom:10px;font-family:Vazirmatn,sans-serif}body.page-id-261 .opencode-banner p{font-size:14.5px;line-height:2;color:#5F7373;font-family:Vazirmatn,sans-serif}body.page-id-261 .opencode-visual{background:#0E2E2C;border-radius:20px;padding:18px;overflow:hidden;box-shadow:0 16px 40px rgba(3,70,65,.1)}body.page-id-261 .opencode-visual pre{margin:0;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.9;color:#D6EAE8;direction:ltr;white-space:pre;overflow-x:auto}body.page-id-261 .opencode-visual .cmt{color:#7FA9A6}body.page-id-261 .asha-section{padding:56px 0;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}body.page-id-261 .asha-section .section-head{max-width:720px;margin:0 auto 40px;text-align:center;display:grid;justify-items:center;gap:16px;padding:0 20px}body.page-id-261 .asha-section .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#E4F3F2;color:#05605D;font-size:13px;font-weight:600;border-radius:999px;border:1px solid rgba(7,135,131,.16);font-family:Vazirmatn,sans-serif}body.page-id-261 .asha-section .pill .dot{width:8px;height:8px;border-radius:50%;background:#078783;box-shadow:0 0 0 4px rgba(7,135,131,.18)}body.page-id-261 .asha-section .section-title{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.4;color:#333;font-family:Vazirmatn,sans-serif}body.page-id-261 .asha-section .section-sub{font-size:17px;color:#5F7373;line-height:2;font-family:Vazirmatn,sans-serif}body.page-id-261 .cta-band-asha{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0 !important;background:linear-gradient(135deg,#05605D 0%,#078783 100%);text-align:center;color:#fff;padding:56px 24px;margin-top:40px}body.page-id-261 .cta-band-asha .cta-title{font-size:clamp(22px,3.5vw,32px);font-weight:800;line-height:1.4;margin-bottom:12px;font-family:Vazirmatn,sans-serif}body.page-id-261 .cta-band-asha .cta-sub{font-size:16px;color:rgba(255,255,255,.85);margin-bottom:28px;font-family:Vazirmatn,sans-serif}body.page-id-261 .cta-band-asha .hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}body.page-id-261 .cta-band-asha .btn-inverse{background:#fff;color:#05605D;padding:16px 28px;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:Vazirmatn,sans-serif}body.page-id-261 .cta-band-asha .btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:16px 28px;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:Vazirmatn,sans-serif}body.page-id-261 .inline-code{font-family:JetBrains Mono,monospace;font-size:12.5px;background:#F3F4F6;border:1px solid #E3E9EC;border-radius:5px;padding:1px 6px;color:#05605D;direction:ltr}
/* CTA band direct-link note — inline bg/color get stripped by WP sanitizer; force readable on dark band */
body.page-id-261 .cta-band-asha p{color:rgba(255,255,255,.85);}
body.page-id-261 .cta-band-asha p code,
body.page-id-261 .cta-band-asha code{background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;}
@media(max-width:900px){body.page-id-261 .cap-grid{grid-template-columns:1fr}body.page-id-261 .opencode-banner{grid-template-columns:1fr}}