/* asc-styles.css - basic styles for Advanced SEO Checker */

.asc-container{
  max-width:900px;
  margin:20px auto;
  background:#fff;
  padding:18px;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
  font-family:Arial, sans-serif;
}

.asc-container h2{margin-top:0;font-size:22px;}
.asc-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.asc-form input[type="url"], .asc-form input[type="text"]{
  flex:1 1 320px;padding:10px;border:1px solid #ddd;border-radius:6px;
}
.asc-form button{
  padding:10px 18px;border:0;background:#2b79ff;color:#fff;border-radius:6px;cursor:pointer;
  box-shadow:0 4px 12px rgba(43,121,255,0.18);
}
#ascLoader{font-style:italic;color:#666;margin-bottom:10px;}

.asc-overall{
  display:flex;align-items:center;gap:18px;margin:14px 0;padding:12px;border-radius:8px;background:#f7f9ff;
}
.asc-score-circle{
  width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;color:#fff;
}
.asc-score-green{background:linear-gradient(135deg,#2ecc71,#27ae60);}
.asc-score-yellow{background:linear-gradient(135deg,#f1c40f,#f39c12);}
.asc-score-red{background:linear-gradient(135deg,#e74c3c,#c0392b);}

.asc-factor{margin-bottom:10px;border-bottom:1px dashed #eee;padding-bottom:10px;}
.asc-factor .label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;}
.asc-bar{height:12px;background:#eee;border-radius:6px;overflow:hidden;}
.asc-bar-inner{height:100%;width:0%;border-radius:6px;transition:width 800ms ease;}

.asc-details{font-size:13px;color:#444;margin-top:8px;padding-left:6px;}
.asc-small{font-size:13px;color:#666;}