/* RenoCalcs calculator widget. Uses theme colors via CSS variables with fallbacks. */
.rc-calc [hidden]{display:none!important}
.rc-calc{--rc-accent:var(--wp--preset--color--accent-1,#c2410c);--rc-border:#d6d3d1;--rc-bg:#fff;--rc-soft:#f5f5f4;--rc-text:inherit;--rc-err:#b91c1c;border:1px solid var(--rc-border);border-radius:12px;padding:20px;background:var(--rc-bg);margin:0 0 2rem;min-height:420px;font-size:16px;line-height:1.45}
.rc-calc noscript p{margin:0}
.rc-units{border:0;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.rc-units legend{font-weight:600;float:left;margin-right:8px}
.rc-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.rc-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 16px}
.rc-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.rc-input{display:flex;align-items:stretch;border:1px solid var(--rc-border);border-radius:8px;overflow:hidden;background:#fff}
.rc-input:focus-within{outline:3px solid color-mix(in srgb,var(--rc-accent) 35%,transparent);border-color:var(--rc-accent)}
.rc-input input,.rc-input select{border:0;padding:10px 12px;font:inherit;min-width:0;background:transparent;color:inherit}
.rc-input input{flex:1 1 auto;width:100%}
.rc-input input:focus,.rc-input select:focus{outline:none}
.rc-input select{flex:0 0 auto;border-left:1px solid var(--rc-border);background:var(--rc-soft)}
.rc-input>select:only-child{flex:1 1 auto;border-left:0;background:transparent}
.rc-suffix,.rc-prefix{display:flex;align-items:center;padding:0 10px;background:var(--rc-soft);color:#57534e;font-size:.9rem;white-space:nowrap}
[aria-invalid=true]{color:var(--rc-err)}
.rc-err{color:var(--rc-err);font-size:.85rem;margin:4px 0 0;min-height:1.2em}
.rc-btn{font:inherit;font-size:.9rem;padding:8px 14px;border-radius:8px;border:1px solid var(--rc-border);background:var(--rc-soft);cursor:pointer;color:inherit}
.rc-btn:hover{border-color:var(--rc-accent)}
.rc-btn:focus-visible{outline:3px solid var(--rc-accent);outline-offset:2px}
.rc-btn-link{background:transparent;border-color:transparent;color:var(--rc-accent);padding-left:0}
.rc-form>.rc-btn-link{margin-top:8px}
.rc-extra{margin-top:12px}
.rc-result{margin-top:20px;padding:16px;border-radius:10px;background:var(--rc-soft)}
.rc-result-title{margin:0 0 8px;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:#57534e}
.rc-placeholder{margin:0;color:#57534e}
.rc-primary{display:flex;flex-wrap:wrap;gap:12px 32px}
.rc-big{display:flex;flex-direction:column}
.rc-big-label{font-size:.85rem;color:#57534e}
.rc-big-value{font-size:1.75rem;line-height:1.2;color:var(--rc-accent)}
.rc-secondary{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0 0}
.rc-secondary dt{color:#57534e}
.rc-secondary dd{margin:0;font-weight:600}
.rc-result h4{margin:16px 0 4px;font-size:.95rem}
.rc-materials{margin:0;padding-left:1.2em}
.rc-cost{margin:8px 0 0}
.rc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rc-note{font-size:.85rem;color:#57534e;margin:10px 0 0}
@media (max-width:480px){.rc-calc{padding:14px}.rc-fields{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.rc-calc,.rc-calc *{visibility:visible}.rc-calc{position:absolute;left:0;top:0;border:0}.rc-actions,.rc-units{display:none}}