/* ============================================================
   MyTrafficBuzz — Audit

   The free SEO audit widget on the homepage.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ===== Free SEO Audit Tool ===== */
.audit-section{background:var(--lt)}
.audit{max-width:860px;margin:0 auto}
.audit__form{display:flex;gap:12px;margin:0 auto;max-width:680px}
.audit__input{flex:1;padding:15px 20px;border:1.5px solid var(--line);border-radius:13px;font-size:15px;font-family:inherit;background:var(--card);color:var(--txt);transition:var(--t)}
.audit__input:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(226,58,78,.1)}
.audit__submit{white-space:nowrap}
.audit__hint{text-align:center;color:var(--txtl);font-size:13px;margin-top:10px}
.audit__status{text-align:center;margin-top:26px;font-size:15px;color:var(--pri);background:var(--card);padding:20px;border-radius:var(--r);border:1px solid var(--line)}
.audit-err{color:var(--acc);font-weight:500}
.spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(226,58,78,.25);border-top-color:var(--acc);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.audit__results{margin-top:30px}
.audit__scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:30px}
.score-ring{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 12px;text-align:center}
.score-ring svg{width:110px;height:110px;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--line);stroke-width:3}
.ring-fg{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s ease}
.ring-val{position:absolute;top:54px;left:0;right:0;font-size:28px;font-weight:800;font-family:'Outfit',sans-serif;color:var(--pri)}
.ring-label{font-size:13px;color:var(--txtl);margin-top:8px;font-weight:600}
.audit__metrics,.audit__checks{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;margin-bottom:22px}
.metrics-title,.checks-title{font-size:18px;color:var(--pri);margin-bottom:16px}
.metric-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.metric-row:last-child{border:none}
.metric-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}
.metric-label{flex:1;font-size:14.5px;color:var(--txt)}
.metric-val{font-weight:700;color:var(--pri);font-size:14.5px;font-variant-numeric:tabular-nums}
.check-list{list-style:none;margin:0}
.check-list li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px;color:var(--txt)}
.check-list li:last-child{border:none}
.check-list .x{color:var(--acc);font-weight:800}
.check-pass{color:#16a34a;font-weight:600}
.audit__cta{text-align:center;background:var(--aur),var(--g1);color:var(--wh);border-radius:var(--r);padding:30px;margin-top:8px;position:relative;overflow:hidden}
.audit__cta p{margin-bottom:16px;font-size:16px;color:rgba(255,255,255,.88)}
@media(max-width:600px){.audit__form{flex-direction:column}.audit__input,.audit__submit{width:100%;justify-content:center}}