/* ==========================================================================
   05 - بخش ویژه سئو کوپایلت (ابزار واقعی تحلیل + پیشنهاد هوش مصنوعی)
   ========================================================================== */

.copilot{
  background:linear-gradient(135deg, var(--bg-2) 0%, #2A2740 100%);
  border-top:1px solid rgba(230,230,250,.15);
  border-bottom:1px solid rgba(230,230,250,.15);
}
.copilot-inner{ max-width:760px; }
.copilot-head{ text-align:center; }

.soon-badge{
  display:inline-block; font-size:12px; font-weight:700; color:var(--bg-0); background:var(--lavender);
  padding:4px 12px; border-radius:999px; margin-bottom:16px;
}

.copilot h2{margin-bottom:16px;}
.copilot p.lead{color:var(--text-muted); font-size:18px; margin-bottom:28px; max-width:520px; margin-inline:auto;}

.inline-form{display:flex; gap:12px; max-width:480px; margin:0 auto;}
.inline-form input{
  flex:1; height:52px; border-radius:var(--radius-md); border:1px solid var(--hairline);
  background:var(--bg-0); color:var(--text-heading); padding:0 16px; font-family:inherit; font-size:15px;
}
.inline-form input:focus{outline:2px solid var(--lavender); outline-offset:2px;}
.inline-form button{ white-space:nowrap; }
.inline-form button:disabled{ opacity:.6; cursor:wait; }

/* ---- نتیجه تحلیل ---- */
.copilot-result{ margin-top:32px; text-align:right; }

.copilot-loading{
  text-align:center; color:var(--text-muted); padding:24px; font-size:15px;
}
.copilot-error{
  background:rgba(255,90,90,.1); border:1px solid rgba(255,90,90,.35); color:#ff9a9a;
  padding:14px 18px; border-radius:var(--radius-md); text-align:center; font-size:14px;
}

.copilot-report{
  background:var(--bg-0); border:1px solid var(--hairline); border-radius:var(--radius-xl);
  padding:28px; box-shadow:var(--shadow-3);
}
.copilot-report-head{
  font-weight:700; color:var(--text-heading); margin-bottom:18px; font-size:15px;
  word-break:break-all;
}
.copilot-report-head bdi{ color:var(--green); }

.check-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:20px; }
.check-row{
  display:flex; align-items:flex-start; gap:12px; padding:12px 14px;
  border-radius:var(--radius-md); background:var(--bg-1);
}
.check-icon{
  flex-shrink:0; width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:700; margin-top:2px;
}
.check-row.ok .check-icon{ background:rgba(124,252,0,.15); color:var(--green); }
.check-row.bad .check-icon{ background:rgba(255,140,60,.15); color:#ff9d5c; }
.check-label{ font-weight:600; color:var(--text-heading); font-size:14px; margin-bottom:2px; }
.check-note{ color:var(--text-muted); font-size:13px; }

.ai-box{
  background:rgba(139,127,209,.1); border:1px solid rgba(139,127,209,.3);
  border-radius:var(--radius-md); padding:18px 20px;
}
.ai-box-title{ font-weight:700; color:var(--lavender); margin-bottom:10px; font-size:15px; }
.ai-list{ display:flex; flex-direction:column; gap:8px; }
.ai-list li{
  position:relative; padding-right:18px; color:var(--text-body); font-size:14px; line-height:1.8;
}
.ai-list li::before{ content:"—"; position:absolute; right:0; color:var(--lavender-deep); }
.ai-box-muted{ color:var(--text-muted); font-size:13px; text-align:center; }

@media(max-width:600px){
  .inline-form{ flex-direction:column; }
  .copilot-report{ padding:20px; }
}