/* AI Review SaaS v0.2.1 — compact mobile layout; unique build marker ARS-MOBILE-021. */
:root{--ars-ink:#302b22;--ars-muted:#928a7b;--ars-gold:#c4a24c;--ars-line:#e9e6df;--ars-paper:#fff;--ars-bg:#fff;--ars-deep:#51421e;--ars-deep-hover:#3e3217}
.ars-review-app,.ars-review-app *{box-sizing:border-box}
.ars-review-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ars-ink);width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:#fff;font-size:14px}
.ars-review-main{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:420px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:20px 27px 18px;text-align:center;background:#fff}
.ars-logo{display:block;width:auto;max-width:32px;max-height:32px;height:auto;object-fit:contain;margin:0 auto 7px;border:0;border-radius:0;box-shadow:none}
.ars-stars{display:block;color:#c5a34b;font-size:15px;line-height:1.15;letter-spacing:2.5px;margin:0 auto 4px;text-shadow:0 0 2px rgba(255,229,140,.65),0 0 5px rgba(226,190,80,.22)}
.ars-review-app .ars-eyebrow{font-size:6px;line-height:1.5;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#8f7846;margin:0 0 8px}
.ars-review-app h1{font-size:clamp(24px,6vw,32px);line-height:1.15;letter-spacing:-.04em;margin:0 0 7px;color:#302b22;font-weight:750}
.ars-muted{color:var(--ars-muted);font-size:12px}.ars-address{margin:0 auto 17px;max-width:430px;line-height:1.45}.ars-prompt{font-size:12px!important;color:var(--ars-muted);margin:13px 0}
/* Compact, unboxed category labels with a precise sliding selected pill. */
.ars-cats{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;align-self:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 10px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;isolation:isolate}
.ars-cat-indicator{position:absolute;left:0;top:0;z-index:0;width:0;height:0;margin:0;border-radius:999px;background:var(--ars-deep);pointer-events:none;transition:transform .2s ease,width .2s ease,height .2s ease;will-change:transform}
.ars-cat{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:22px;padding:4px 8px;border:0;border-radius:999px;background:transparent;color:#756f63;font-size:6.5px;font-weight:800;line-height:14px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .18s ease}
.ars-cat:hover{color:#302b22}.ars-cat.is-selected{background:transparent;color:#fff}
/* Review area is deliberately compact; the reference centers the title and puts refresh beside the CTA. */
.ars-review-step{width:100%;margin:0;border-top:1px solid var(--ars-line);padding:7px 0 0;text-align:left}
.ars-review-heading{display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 5px;min-height:14px}
.ars-review-heading h2{margin:0;color:#77736b;font-size:6.5px;line-height:1.4;letter-spacing:.22em;text-align:center;text-transform:uppercase;font-weight:800}
.ars-refresh{display:inline-flex;flex:0 0 25px;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:1px solid #e9e6df;border-radius:50%;background:#fff;color:#8e887d;font-size:17px;line-height:1;cursor:pointer;transition:transform .25s ease,background .18s ease,border-color .18s ease}
.ars-refresh:hover:not(:disabled){background:#f8f6f0;border-color:#d9d1bd}.ars-refresh.is-spinning{transform:rotate(360deg)}
.ars-review-box{position:relative;width:100%}
.ars-review-text{display:block;width:100%;min-height:62px;height:62px;resize:vertical;margin:0;padding:7px 2px 6px;border:0;border-bottom:1px solid #e9e6df;border-radius:0;outline:none;box-shadow:none;background:transparent;color:#37332c;font:400 10px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.ars-review-text:focus{border-bottom-color:#c4a24c;outline:none;box-shadow:none}.ars-review-text::placeholder{color:#b7b3ab;opacity:1}
.ars-action-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px auto 0}
.ars-btn{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;font-weight:800;cursor:pointer;transition:opacity .2s,transform .2s}
.ars-btn:disabled,.ars-cat:disabled,.ars-refresh:disabled{opacity:.55;cursor:not-allowed}
.ars-primary{background:var(--ars-deep);color:#fff}
.ars-review-app .ars-copy-post,.ars-review-app .ars-copy-post:disabled{display:inline-flex;flex:0 1 62%;width:62%;min-width:0;min-height:31px;margin:0;padding:9px 10px;border:0;border-radius:3px;background:#493714;color:#fff;font-size:6.7px;line-height:1.3;letter-spacing:.11em;text-align:center;text-transform:uppercase;white-space:normal}
.ars-review-app .ars-copy-post:hover:not(:disabled){background:var(--ars-deep-hover)}
.ars-status{min-height:0;margin:4px 0 0;color:#8e8980;font-size:6.5px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.ars-socials{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:9px auto 6px;padding:0}
.ars-social-link{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #ebe7df;border-radius:50%;background:#fff;color:#55524b;text-decoration:none;transition:background .18s,border-color .18s,color .18s,opacity .18s}
.ars-social-link svg{display:block;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ars-social-link svg .ars-icon-fill{fill:currentColor;stroke:none}
.ars-social-link.is-configured:hover{border-color:#b59b60;background:#f5e9cb;color:#3d3019}.ars-social-link.is-unconfigured{opacity:.4;cursor:default}
.ars-footer-details{max-width:100%;margin:0 auto;color:#9b978f;font-size:6px;line-height:1.45;text-align:center;overflow-wrap:anywhere}.ars-footer-details div+div{margin-top:2px}.ars-footer-details a{color:inherit;text-decoration:none}
/* Standalone QR route must remain a true white, edge-to-edge page without theme spacing. */
html:has(body.ars-standalone),body.ars-standalone{margin:0!important;padding:0!important;background:#fff!important;min-height:100%;}
body.ars-standalone{min-height:100vh;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
body.ars-standalone #wpadminbar{display:none!important}body.ars-standalone .ars-review-main{box-shadow:none!important}
/* The plugin's other shortcode pages retain a clean responsive style. */
.ars-wrap{font-family:Inter,system-ui,sans-serif;color:#302b22;max-width:1120px;margin:0 auto;padding:32px 20px}.ars-card{background:#fff;border:1px solid #e9e6df;border-radius:18px;padding:26px;box-shadow:0 12px 38px rgba(40,32,16,.04)}.ars-center{text-align:center}.ars-links{display:flex;justify-content:center;gap:22px;margin-top:18px;font-size:13px}.ars-links a{color:#625747;text-decoration:none}
.ars-site{font-family:Inter,system-ui,sans-serif;color:#302b22;max-width:1120px;margin:0 auto;padding:32px 20px}.ars-hero{padding:90px 0 70px;background:linear-gradient(135deg,#fff,#f6f3ec);border-radius:24px;margin-bottom:24px}.ars-hero>div{max-width:760px;padding:0 50px}.ars-site h1{font-size:clamp(36px,6vw,64px);line-height:1.02;margin:0 0 18px}.ars-site h3{font-size:20px}.ars-site p{font-size:17px;line-height:1.7}.ars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ars-grid>div{background:#fff;border:1px solid #e9e6df;border-radius:18px;padding:26px}.ars-pricing{max-width:560px;margin:30px auto}.ars-pricing li{margin:12px 0}.ars-buy{font-size:17px;padding:14px 22px;border-radius:10px}
@media(min-width:700px){.ars-review-main{padding-top:44px}.ars-review-text{min-height:68px;height:68px}.ars-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:360px){.ars-review-main{padding-right:21px;padding-left:21px;padding-top:18px}.ars-cats{gap:2px}.ars-cat{padding-right:6px;padding-left:6px}.ars-review-app .ars-copy-post{font-size:6.2px;letter-spacing:.08em}}
@media(max-width:700px){.ars-grid{grid-template-columns:1fr}.ars-hero>div{padding:0 26px}.ars-hero{padding:60px 0}.ars-site h1{font-size:40px}}