.elementor-556 .elementor-element.elementor-element-a9b0e7a{--display:flex;}.elementor-556 .elementor-element.elementor-element-3abdb1f{--display:flex;}.elementor-556 .elementor-element.elementor-element-3236d2f{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-556 .elementor-element.elementor-element-aacee5c .gallery-item .gallery-caption{display:none;}@media(max-width:1024px){.elementor-widget-image-gallery .gallery-item .gallery-caption{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-image-gallery .gallery-item .gallery-caption{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* ==========================================================================
   ACOR Water Option B v3d: page 556 ONLY (/water-damage-restoration/)
   Paste into: Elementor > page 556 > Page Settings (gear) > Advanced > Custom CSS
   Every rule is scoped to body.page-id-556 and/or .acor-wob, so nothing leaks
   to other pages even if this CSS were loaded elsewhere.
   ========================================================================== */

/* ---- 1. Page-scoped template overrides (NO template edits) ---------------- */
/* Hide the site-wide header template (222) on this page only; the Option B
   header is rendered inside the top HTML widget instead. */
body.page-id-556 .elementor-location-header{display:none}
/* Hide the single-page template (217) title banner + breadcrumb on this page
   only (it holds a 2nd H1 "Water Damage? Call Spokane & North Idaho | ACOR"). */
body.page-id-556 .elementor-217 .elementor-element.elementor-element-46a90118{display:none}
/* Let the template's post-content wrapper (217 / 1d9191e) go full width with
   no padding on this page only, so the navy hero can bleed edge to edge. */
body.page-id-556 .elementor-217 .elementor-element.elementor-element-1d9191e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--content-width:100%;--gap:0px}
/* New top container in 556 (CSS class acor-wob-bleed): full width, no padding. */
body.page-id-556 .elementor-556 .elementor-element.acor-wob-bleed{--content-width:100%;--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px}
/* Room under the page for the fixed call bar on phones. */
body.page-id-556{padding-bottom:84px}
@media (min-width:900px){body.page-id-556{padding-bottom:0}}

/* ---- 2. Option B tokens + base (scoped) ---------------------------------- */
.acor-wob{--navy:#042940;--navy2:#0a3a57;--red:#D92332;--red-d:#b81b28;--ink:#1b2530;--muted:#5a6773;--line:#e3e8ec;--bg:#f5f7f9;
 font-family:Outfit,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;font-size:16px;width:100%;text-align:left}
.acor-wob *,.acor-wob *::before,.acor-wob *::after{box-sizing:border-box}
.acor-wob a{color:var(--navy)}
.acor-wob .wob-wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.acor-wob.acor-wob-top{padding-top:62px}           /* space for fixed header */
.acor-wob [id]{scroll-margin-top:76px}

/* ---- 3. Header (Option B logo header) ----------------------------------- */
.acor-wob .wob-head{background:#fff;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:999}
body.admin-bar .acor-wob .wob-head{top:32px}
@media (max-width:782px){body.admin-bar .acor-wob .wob-head{top:46px}}
.acor-wob .wob-head .wob-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px}
.acor-wob .wob-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.acor-wob .wob-brand img{width:42px;height:42px;object-fit:contain;display:block;max-width:none}
.acor-wob .wob-brand b{font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;font-weight:800;font-size:22px;letter-spacing:.5px;line-height:1;display:block}
.acor-wob .wob-brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.3px;margin-top:2px;line-height:1.3}
.acor-wob .wob-nav{display:none;gap:18px;font-size:15px}
.acor-wob .wob-nav a{text-decoration:none;font-weight:500;color:var(--navy)}
.acor-wob .wob-menu{position:relative}
.acor-wob .wob-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:10px;background:var(--navy);display:grid;place-items:center}
.acor-wob .wob-menu summary::-webkit-details-marker{display:none}
.acor-wob .wob-menu summary span{display:block;width:20px;height:2px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff}
.acor-wob .wob-menu-list{position:absolute;right:0;top:50px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px rgba(4,41,64,.18);padding:6px;min-width:230px;display:flex;flex-direction:column}
.acor-wob .wob-menu-list a{display:block;padding:12px 14px;border-radius:8px;text-decoration:none;font-weight:600;color:var(--navy);font-size:16px}
.acor-wob .wob-menu-list a:hover,.acor-wob .wob-menu-list a:focus{background:var(--bg)}

/* ---- 4. Hero ------------------------------------------------------------ */
.acor-wob .wob-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;padding:20px 0 22px}
.acor-wob .wob-eyebrow{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffd7da;margin:0 0 6px;line-height:1.4}
.acor-wob .wob-hero h1{font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;font-weight:800;font-size:34px;line-height:1.02;margin:0 0 8px;letter-spacing:.2px;color:#fff;text-transform:none}
.acor-wob .wob-lead{margin:0 0 12px;font-size:15.5px;color:#dbe6ee;line-height:1.45}
.acor-wob .wob-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.acor-wob .wob-chips li{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;color:#fff;line-height:1.5;margin:0}
/* team photo behind trust chips (v3b/v3d) */
.acor-wob .wob-chipband{position:relative;margin:4px -16px 16px;min-height:calc(100vw * 0.4362);display:flex;align-items:flex-end;padding:0 12px 10px;
 background-image:linear-gradient(180deg,rgba(4,41,64,.58) 0%,rgba(4,41,64,.58) 55%,rgba(4,41,64,.66) 100%),url(https://acorrestoration.com/wp-content/uploads/2026/10/acor-restoration-team-photo-phone.webp);
 background-size:cover,100% 100%;background-position:center,center;background-repeat:no-repeat}
.acor-wob .wob-chipband .wob-chips li{background:rgba(4,41,64,.86);border:1px solid rgba(255,255,255,.35)}
.acor-wob .wob-cta-main{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--red);color:#fff;text-decoration:none;border-radius:14px;padding:16px 18px;font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;font-weight:800;font-size:30px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 6px 18px rgba(217,35,50,.45)}
.acor-wob .wob-cta-main:hover,.acor-wob .wob-cta-main:focus{background:var(--red-d);color:#fff}
.acor-wob .wob-cta-main svg{width:30px;height:30px;flex:0 0 auto}
.acor-wob .wob-cta-sub{text-align:center;font-size:13.5px;color:#cfdbe4;margin:6px 0 10px}
.acor-wob .wob-state-lines{display:grid;grid-template-columns:1fr;gap:10px}
.acor-wob .wob-state-btn{display:flex;align-items:center;gap:12px;background:#fff;color:var(--navy);text-decoration:none;border-radius:12px;padding:10px 14px;border:2px solid #fff}
.acor-wob .wob-state-btn .wob-ic{width:38px;height:38px;border-radius:50%;background:var(--red);display:grid;place-items:center;flex:0 0 auto}
.acor-wob .wob-state-btn .wob-ic svg{width:20px;height:20px}
.acor-wob .wob-state-btn .wob-lbl{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);display:block;line-height:1.2}
.acor-wob .wob-state-btn .wob-num{font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;font-weight:800;font-size:25px;line-height:1.05;display:block;white-space:nowrap}
.acor-wob .wob-state-btn .wob-go{margin-left:auto;font-weight:700;color:var(--red);font-size:15px}
.acor-wob .wob-contact-note{font-size:13px;color:#cfdbe4;text-align:center;margin:10px 0 0}

/* ---- 5. Service grid ---------------------------------------------------- */
.acor-wob .wob-svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:16px 0 4px;list-style:none}
.acor-wob .wob-svc-grid li{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px;color:var(--navy);line-height:1.2;margin:0}
.acor-wob .wob-svc-grid svg{width:26px;height:26px;flex:0 0 auto}

/* ---- 6. Body sections (bottom HTML widget) ------------------------------ */
.acor-wob section.wob-block{padding:20px 0;border-bottom:1px solid var(--line)}
.acor-wob .wob-block > :last-child{margin-bottom:0}
.acor-wob #faq{border-bottom:0}
.acor-wob .wob-block h2{font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;font-weight:800;color:var(--navy);font-size:28px;line-height:1.1;margin:0 0 10px;letter-spacing:0;text-transform:none}
.acor-wob .wob-block p{margin:0 0 10px}
.acor-wob .wob-block ul,.acor-wob .wob-block ol{margin:0 0 10px;padding-left:20px}
.acor-wob .wob-block li{margin:0 0 6px}
.acor-wob .wob-steps{list-style:none;padding:0!important;counter-reset:s}
.acor-wob .wob-steps li{counter-increment:s;position:relative;padding:10px 12px 10px 50px;background:var(--bg);border-radius:12px;margin-bottom:8px!important}
.acor-wob .wob-steps li::before{content:counter(s);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}
.acor-wob .wob-callout{background:#fff4f5;border:1px solid #f3c6ca;border-radius:12px;padding:12px 14px}
.acor-wob .wob-inline-calls{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0 4px}
.acor-wob .wob-inline-calls a{white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;border-radius:12px;padding:13px 14px;font-size:16.5px;line-height:1.3}
.acor-wob .wob-inline-calls a:hover,.acor-wob .wob-inline-calls a:focus{background:var(--red-d);color:#fff}
.acor-wob .wob-inline-calls a svg{width:18px;height:18px}
.acor-wob .wob-areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important}
.acor-wob .wob-areas li{margin:0!important;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:14.5px}
.acor-wob .wob-faq{margin:0 0 10px}
.acor-wob .wob-faq dt{font-weight:700;color:var(--navy);margin-top:10px}
.acor-wob .wob-faq dd{margin:4px 0 0}

/* ---- 7. Sticky call bar (fixed) ----------------------------------------- */
.acor-wob .wob-callbar{position:fixed;left:0;right:0;bottom:0;z-index:999;background:var(--navy);padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 -4px 16px rgba(0,0,0,.25)}
.acor-wob .wob-callbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;border-radius:10px;padding:7px 6px;line-height:1.15}
.acor-wob .wob-callbar a b{font-size:15.5px;display:flex;gap:6px;align-items:center;font-weight:700}
.acor-wob .wob-callbar a b svg{width:16px;height:16px}
.acor-wob .wob-callbar a span{font-size:13px;opacity:.95}

/* ---- 8. Desktop --------------------------------------------------------- */
@media (min-width:900px){
 .acor-wob.acor-wob-top{padding-top:74px}
 .acor-wob [id]{scroll-margin-top:90px}
 .acor-wob .wob-menu{display:none}
 .acor-wob .wob-nav{display:flex}
 .acor-wob .wob-head .wob-wrap{height:74px}
 .acor-wob .wob-brand img{width:52px;height:52px}
 .acor-wob .wob-brand b{font-size:26px}
 .acor-wob .wob-hero{padding:40px 0 44px}
 .acor-wob .wob-hero > .wob-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
 .acor-wob .wob-hero h1{font-size:52px}
 .acor-wob .wob-lead{font-size:18px}
 .acor-wob .wob-cta-main{font-size:34px}
 .acor-wob .wob-svc-grid{grid-template-columns:repeat(4,1fr)}
 .acor-wob .wob-inline-calls{grid-template-columns:1fr;max-width:420px}
 .acor-wob .wob-state-btn .wob-num{font-size:28px}
 .acor-wob .wob-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
 .acor-wob .wob-callbar{left:auto;right:18px;bottom:18px;width:420px;border-radius:14px}
 .acor-wob .wob-chipband{margin:8px 0 6px;min-height:200px;border-radius:12px;overflow:hidden;padding:0 12px 12px;
  background-image:linear-gradient(180deg,rgba(4,41,64,.58) 0%,rgba(4,41,64,.58) 55%,rgba(4,41,64,.66) 100%),url(https://acorrestoration.com/wp-content/uploads/2026/10/acor-restoration-team-photo-wide.webp);
  background-size:cover,cover;background-position:center,center 30%}
}

/* ---- 9. v3d: bigger Get Help Now + compact side-by-side WA/ID buttons ---- */
.acor-wob .wob-cta-main{min-height:84px;padding:20px 18px;font-size:38px;border-radius:16px}
.acor-wob .wob-cta-main svg{width:36px;height:36px}
.acor-wob .wob-state-lines{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.acor-wob .wob-state-btn{gap:7px;padding:4px 8px;border-radius:10px;min-height:46px;min-width:0;overflow:hidden}
.acor-wob .wob-state-btn .wob-ic{width:26px;height:26px}
.acor-wob .wob-state-btn .wob-ic svg{width:14px;height:14px}
.acor-wob .wob-state-btn .wob-lbl{font-size:10.5px;letter-spacing:.4px;white-space:nowrap}
.acor-wob .wob-state-btn .wob-num{font-size:19px;line-height:1.05;white-space:nowrap}
.acor-wob .wob-state-btn .wob-go{display:none}
@media (min-width:900px){
 .acor-wob .wob-cta-main{font-size:42px;min-height:92px}
 .acor-wob .wob-state-btn .wob-num{font-size:21px}
 .acor-wob .wob-state-btn .wob-lbl{font-size:11px}
 .acor-wob .wob-br-phone{display:none}   /* emergency line breaks after "contact" on phone only */
}
/* ---- v3e form polish (page 556): Form 3 matches text column on desktop, red Send button ---- */
body .elementor-element.elementor-element-a8da3be{width:100% !important;max-width:1080px !important;margin-left:auto !important;margin-right:auto !important;padding-left:18px !important;padding-right:18px !important;box-sizing:border-box !important}
.elementor-element-a8da3be .ff-btn-submit:not(.ff_btn_no_style){background-color:#D92332 !important;border-color:#D92332 !important;color:#fff !important}
.elementor-element-a8da3be .ff-btn-submit:not(.ff_btn_no_style):hover,
.elementor-element-a8da3be .ff-btn-submit:not(.ff_btn_no_style):focus{background-color:#b81b28 !important;border-color:#b81b28 !important;color:#fff !important}
/* ---- v3e Delight fixes (page 556): no button jump on form errors; WA/ID numbers fit under 375px ---- */
.elementor-element-a8da3be .ff-el-input--content{position:relative}
.elementor-element-a8da3be .ff-el-input--content .error.text-danger{position:absolute;left:0;right:0;top:100%;margin:2px 0 0;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:374px){
 .acor-wob .wob-state-btn{gap:5px;padding:4px 6px}
 .acor-wob .wob-state-btn .wob-ic{width:22px;height:22px}
 .acor-wob .wob-state-btn .wob-ic svg{width:12px;height:12px}
 .acor-wob .wob-state-btn .wob-num{font-size:17px}
 .acor-wob .wob-state-btn .wob-lbl{font-size:9.5px;letter-spacing:.3px}
}

/* ===== ACOR water page 556: friendly form section (LIVE Variant A, 2026-10-07) =====
   Fonts: Caveat 700 (accent line), Barlow Condensed 800 (main line, same as page H2s),
   Outfit (labels, fields, button, subline; already the page font).
   Google Fonts import needed for Caveat only:
   https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap
   Scope: everything is under .acor-form-sec, so nothing else on the page changes. */

.acor-form-sec{--navy:#042940;--red:#D92332;--red-d:#b81b28;--ink:#1b2530;--muted:#5a6773;--line:#e3e8ec;--bg:#f5f7f9;
  width:100%;max-width:1060px;margin:0 auto;padding:22px 8px 8px; /* +10px Elementor container padding = 18px page gutter */
  box-sizing:border-box;font-family:Outfit,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.acor-form-sec *,.acor-form-sec *::before,.acor-form-sec *::after{box-sizing:border-box}

/* --- the card --- */
.acor-form-card{background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 1px 2px rgba(4,41,64,.06),0 14px 34px -10px rgba(4,41,64,.22);
  padding:24px 18px 22px;position:relative;overflow:hidden}
.acor-form-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--red)} /* thin red top edge, clipped by the rounded corners */

/* --- heading block (text lives in the HTML widget, easy to swap) --- */
.acor-form-head{margin:0 0 18px}
.acor-form-head h2{margin:0;padding:0;text-transform:none;letter-spacing:0;line-height:1}
.acor-form-head .acor-fh-accent{display:block;font-family:Caveat,"Kalam","Segoe Print",cursive;font-weight:700;color:var(--red);
  font-size:clamp(25px,7.6vw,34px);line-height:1.05;margin:0 0 2px;transform:rotate(-1.5deg);transform-origin:left center}
.acor-form-head .acor-fh-main{display:block;font-family:"Barlow Condensed","Avenir Next Condensed","Roboto Condensed","Arial Narrow",Outfit,sans-serif;
  font-weight:800;color:var(--navy);font-size:clamp(27px,8.2vw,36px);line-height:1.02}
.acor-form-head .acor-fh-sub{margin:10px 0 0;font-size:15.5px;line-height:1.5;color:var(--muted);max-width:34em}

/* --- Fluent Form 3 inside the card --- */
/* the whole section lives inside Shortcode widget a8da3be: let .acor-form-sec set the width */
body .elementor-element.elementor-element-a8da3be.elementor-widget{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
.acor-form-card .fluentform .ff-el-group{margin-bottom:20px}
.acor-form-card .fluentform .ff-el-input--label{margin-bottom:6px}
.acor-form-card .fluentform .ff-el-input--label label{font-family:Outfit,sans-serif;font-weight:600;font-size:15px;color:var(--navy);letter-spacing:.1px}
.acor-form-card .fluentform .ff-el-form-control{font-family:Outfit,sans-serif;font-size:16px;line-height:1.4;color:var(--ink);
  background:#fbfcfd;border:1.5px solid #d3dce3;border-radius:12px;padding:13px 14px;min-height:50px;box-shadow:none;
  transition:border-color .15s,box-shadow .15s,background .15s}
.acor-form-card .fluentform textarea.ff-el-form-control{min-height:124px;height:124px;resize:vertical}
.acor-form-card .fluentform .ff-el-form-control::placeholder{color:transparent;opacity:0} /* labels sit above, so the duplicate placeholder text is hidden */
.acor-form-card .fluentform .ff-el-form-control:focus{outline:none;background:#fff;border-color:var(--navy);box-shadow:0 0 0 3px rgba(4,41,64,.14)}
.acor-form-card .fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--red)}
.acor-form-card .fluentform .ff_submit_btn_wrapper{margin:4px 0 0}
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style){width:100%;font-family:Outfit,sans-serif;font-weight:700;font-size:17.5px;letter-spacing:.2px;
  padding:15px 22px;border-radius:12px;background-color:var(--red) !important;border:0 !important;color:#fff !important;
  box-shadow:0 8px 18px -6px rgba(217,35,50,.55);opacity:1}
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover,
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):focus{background-color:var(--red-d) !important}

/* --- the 4 service cards, now below the form (reuses the page's .wob-svc-grid styles) --- */
.acor-form-sec .acor-form-svc .wob-wrap{max-width:none;padding:0}
.acor-form-sec .acor-form-svc .wob-svc-grid{padding:18px 0 6px}

/* --- desktop: heading left, form right, inside one card --- */
@media (min-width:900px){
  .acor-form-sec{padding-top:36px}
  .acor-form-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:44px 44px 40px}
  .acor-form-head{margin:0}
  .acor-form-head .acor-fh-accent{font-size:36px}
  .acor-form-head .acor-fh-main{font-size:46px;text-wrap:balance}
  .acor-form-head .acor-fh-sub{font-size:17px;margin-top:14px}
  .acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style){width:auto;min-width:260px}
  .acor-form-sec .acor-form-svc .wob-svc-grid{padding-top:20px}
}

/* --- sticky faded Send fix: Fluent sets opacity .8 on hover/focus; phones keep "hover" after a tap --- */
.acor-form-sec .fluentform .ff-btn-submit,
.acor-form-sec .fluentform .ff-btn-submit:hover,
.acor-form-sec .fluentform .ff-btn-submit:focus,
.acor-form-sec .fluentform .ff-btn-submit:active{opacity:1 !important}
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover,
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):focus{background-color:var(--red) !important}
@media (hover:hover){
  .acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover{background-color:var(--red-d) !important}
}
.acor-form-card .fluentform .ff-btn-submit:not(.ff_btn_no_style):focus-visible{outline:3px solid rgba(4,41,64,.35);outline-offset:2px}

/* ACOR page 556 only: "Sending..." state for the Form 3 Send button.
   Paste into Elementor > Page 556 > Page Settings > Advanced > Custom CSS (append at end).
   Scoped to .acor-form-sec, so Form 3 on /contact-us/ and other pages is untouched.
   Relies on what Fluent Forms 6.2.15 form-submission.js already does on submit:
     form            -> adds class  ff_submitting
     .ff-btn-submit  -> adds classes disabled + ff-working, and sets the disabled attribute
   and removes all of them when the request fails validation or errors.
   The page-556 script in Shortcode widget a8da3be adds .acor-sending to .acor-form-sec after success so it stays locked until /contactthanks/ opens. */

/* 1. Busy state: stay full red, hide the label, block taps */
.acor-form-sec .fluentform .ff-btn-submit.ff-working:not(.ff_btn_no_style),
.acor-form-sec .fluentform .ff-btn-submit.disabled:not(.ff_btn_no_style),
.acor-form-sec .fluentform .ff-btn-submit[disabled]:not(.ff_btn_no_style),
.acor-form-sec.acor-sending .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
  position: relative !important;
  background-color: #D92332 !important;
  border-color: #D92332 !important;
  color: transparent !important;          /* hides "Send Your Message", keeps button size */
  opacity: 1 !important;                  /* cancels Fluent's .disabled opacity .65 */
  pointer-events: none !important;        /* no second tap */
  cursor: not-allowed !important;
  transition: none !important;
}

/* 2. "Sending..." label with spinner, centered as one unit.
      Replaces Fluent's thin progress bar (.ff-working:after). */
.acor-form-sec .fluentform .ff-btn-submit.ff-working:not(.ff_btn_no_style)::after,
.acor-form-sec .fluentform .ff-btn-submit.disabled:not(.ff_btn_no_style)::after,
.acor-form-sec .fluentform .ff-btn-submit[disabled]:not(.ff_btn_no_style)::after,
.acor-form-sec.acor-sending .fluentform .ff-btn-submit:not(.ff_btn_no_style)::after {
  content: "Sending...";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  animation: none;
  white-space: nowrap;
  color: #fff;
  font: inherit;
  line-height: 1.2;
  padding-left: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='%23ffffff' stroke-opacity='.35' stroke-width='2.5'/%3E%3Cpath d='M10 2a8 8 0 0 1 8 8' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat left center / 18px 18px;
}

/* 3. Taps that fall through the disabled button show the not-allowed cursor (desktop) */
.acor-form-sec .acor-form-card:has(form.ff_submitting),
.acor-form-sec.acor-sending .acor-form-card {
  cursor: not-allowed;
}

/* 4. Reduced motion: static ring instead of spinning */
@media (prefers-reduced-motion: reduce) {
  .acor-form-sec .fluentform .ff-btn-submit.ff-working:not(.ff_btn_no_style)::after,
  .acor-form-sec .fluentform .ff-btn-submit.disabled:not(.ff_btn_no_style)::after,
  .acor-form-sec .fluentform .ff-btn-submit[disabled]:not(.ff_btn_no_style)::after,
  .acor-form-sec.acor-sending .fluentform .ff-btn-submit:not(.ff_btn_no_style)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3C/svg%3E");
  }
}/* End custom CSS */