/* ======================================================
File: assets/audit.css
Path: wp-content/plugins/audit-score-widget/assets/audit.css
====================================================== */

.audit-widget-container {

    max-width:680px;
}
.audit-widget-form {
	    background:#fff;
    padding:18px;
    border-radius:10px;
    box-shadow:0 6px 20px rgba(16,24,40,0.06);
}
.audit-widget-title { font-size:18px; margin-bottom:12px; color:#111827; }

.audit-field-row { margin-bottom:12px; }
.audit-field-row label { display:none; font-weight:600; margin-bottom:6px; color:#374151; }
.audit-field-row input, .audit-field-row select {
    width:100%; padding:8px 10px !important; border:1px solid #E5E7EB; border-radius:8px !important;

}

.audit-submit-btn,.audit-reset-btn,.audit-cta-btn {
    background:#cf181a !important;
    color: #fff !important; border:none; padding:10px 16px; border-radius:8px; cursor:pointer;
}
.audit-cta-btn:hover {
	text-decoration: none;
}

/* Loading spinner */
#audit-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #4F46E5;
  border-radius: 50%;
  width: 16px;
  height: 15px;
  animation: spin 1s linear infinite;
  margin: 0 10px;
  display: none;
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Results card */
.audit-results { margin-top:16px; text-align: center;margin-bottom: 40px;}
.audit-results-wrap {

}
.guage-container {min-width: 50%;}
.audit-text {background:#e9e9eb;color:#000;padding:18px;border-radius:10px;width:50%;font-size: 20px;}
.audit-widget-wrap { 	display:flex;	flex-direction: row; align-items: center}
.audit-heading { font-size:20px; margin:0 0 12px; color:#111827; }

.audit-row { margin-bottom:12px; }
.audit-row-label { font-weight:700; color:#374151; margin-bottom:6px;}

.audit-note { background:#F8FAFF; padding:12px; border-radius:8px; font-size:13px; margin-top:12px; border-left:4px solid #4F46E5; color:#374151; }
.audit-error { color:#B91C1C; padding:8px; background:#FEF2F2; border-radius:6px; }
audit-cta { margin-bottom: 12px;}
@media screen and (max-width: 768px) {
	.audit-widget-wrap {
		flex-direction: column;
	}	
	.audit-text {
		width: 100%;
	}
	
}