/* Stafflancer Lead Forms — Floating button critical CSS
   Loaded only when the page has a floating button without visible shortcode forms.
   Full form/modal CSS is lazy-loaded on first open.
*/
#slf-root{
  position:relative;
  --slf-x:24px;
  --slf-y:24px;
  --slf-pt-scale:1;
  --slf-icon-scale:1.2;
  --slf-float-depth:40px; --slf-float-height:192px; --slf-float-radius:16px; --slf-float-border-width:1px;
  --slf-float-font-size:15px; --slf-float-font-weight:700; --slf-float-letter-spacing:.01em; --slf-float-top:44%; --slf-float-text-transform:none;
  --slf-float-bg:#fff; --slf-float-text:#111827; --slf-float-border:#d7dce5; --slf-float-hover-bg:#f6f8ff; --slf-float-hover-text:#111827; --slf-float-icon-bg:#2f61ff; --slf-float-icon-color:#fff;
}
#slf-root .slf-float{
  position:fixed;
  z-index:999999;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:var(--slf-float-radius);
  border:var(--slf-float-border-width) solid var(--slf-float-border);
  background:var(--slf-float-bg);
  color:var(--slf-float-text);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  cursor:pointer;
}
#slf-root .slf-float.slc-keep-black{ color:var(--slf-float-text) !important; }
#slf-root .slf-icon--dark{ display:none; }
#slf-root[data-slf-theme="dark"] .slf-icon--dark{ display:inline-flex; }
#slf-root[data-slf-theme="dark"] .slf-icon--light{ display:none; }
#slf-root .slf-float__icon{ display:inline-flex; }
#slf-root .slf-float__icon img,
#slf-root .slf-float__icon svg{
  width:20px;
  height:20px;
  display:block;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:scale(var(--slf-icon-scale));
  transform-origin:center;
}
#slf-root .slf-float__text{ font-weight:var(--slf-float-font-weight); font-size:var(--slf-float-font-size); letter-spacing:var(--slf-float-letter-spacing); text-transform:var(--slf-float-text-transform); }
body.slf-cookie-active #slf-root .slf-float{ z-index:999998 !important; }
body.slf-cookie-active #slc-cookie{ z-index:999999 !important; }
#slf-root[data-slf-pos="br"] .slf-float{
  right:calc(var(--slf-x) + env(safe-area-inset-right, 0px));
  bottom:calc(var(--slf-y) + env(safe-area-inset-bottom, 0px));
  left:auto; top:auto; transform:none;
}
#slf-root[data-slf-pos="bl"] .slf-float{
  left:calc(var(--slf-x) + env(safe-area-inset-left, 0px));
  bottom:calc(var(--slf-y) + env(safe-area-inset-bottom, 0px));
  right:auto; top:auto; transform:none;
}
#slf-root[data-slf-pos="mr"] .slf-float{
  right:calc(var(--slf-x) + env(safe-area-inset-right, 0px));
  top:50%;
  left:auto; bottom:auto;
  transform:translateY(calc(-50% + var(--slf-y)));
}
#slf-root[data-slf-pos="ml"] .slf-float{
  left:calc(var(--slf-x) + env(safe-area-inset-left, 0px));
  top:50%;
  right:auto; bottom:auto;
  transform:translateY(calc(-50% + var(--slf-y)));
}
#slf-root[data-slf-pos="bc"] .slf-float{
  left:50%;
  bottom:calc(var(--slf-y) + env(safe-area-inset-bottom, 0px));
  right:auto; top:auto;
  transform:translateX(-50%);
}
#slf-root[data-slf-pos="tc"] .slf-float{
  left:50%;
  top:calc(var(--slf-y) + env(safe-area-inset-top, 0px));
  right:auto; bottom:auto;
  transform:translateX(-50%);
}
/* Floating button visual orientation. Existing installs keep the legacy horizontal style until saved. */
#slf-root[data-slf-float-shadow="none"] .slf-float{ box-shadow:none; }
#slf-root[data-slf-float-shadow="soft"] .slf-float{ box-shadow:0 10px 28px rgba(17,24,39,.12); }
#slf-root[data-slf-float-shadow="medium"] .slf-float{ box-shadow:0 16px 38px rgba(17,24,39,.20); }
#slf-root .slf-float:hover,
#slf-root .slf-float:focus-visible{ background:var(--slf-float-hover-bg); color:var(--slf-float-hover-text) !important; }
#slf-root[data-slf-float-show-icon="0"] .slf-float__icon{ display:none !important; }
#slf-root .slf-float__icon{ align-items:center; justify-content:center; color:var(--slf-float-icon-color); }
#slf-root[data-slf-float-orientation="vertical"] .slf-float{
  width:var(--slf-float-depth); height:var(--slf-float-height); min-width:0;
  padding:10px 4px; flex-direction:column; justify-content:center; gap:10px;
}
#slf-root[data-slf-float-orientation="vertical"] .slf-float__icon{
  width:26px; height:26px; min-width:26px; min-height:26px; border-radius:999px; background:var(--slf-float-icon-bg);
}
#slf-root[data-slf-float-orientation="vertical"] .slf-float__icon img,
#slf-root[data-slf-float-orientation="vertical"] .slf-float__icon svg{ width:16px; height:16px; }
#slf-root[data-slf-float-orientation="vertical"] .slf-float__text{
  writing-mode:vertical-rl; transform:rotate(180deg); line-height:1; white-space:nowrap;
}
@media (min-width:768px){
  #slf-root[data-slf-float-orientation="vertical"][data-slf-float-side="left"] .slf-float{left:0;right:auto;top:var(--slf-float-top);bottom:auto;transform:translateY(-50%);border-left:0;border-right:var(--slf-float-border-width) solid var(--slf-float-border);border-radius:0 var(--slf-float-radius) var(--slf-float-radius) 0;}
  #slf-root[data-slf-float-orientation="vertical"][data-slf-float-side="right"] .slf-float{right:0;left:auto;top:var(--slf-float-top);bottom:auto;transform:translateY(-50%);border-right:0;border-left:var(--slf-float-border-width) solid var(--slf-float-border);border-radius:var(--slf-float-radius) 0 0 var(--slf-float-radius);}
}
#slf-root[data-slf-float-orientation="vertical"][data-slf-pos="ml"] .slf-float,
#slf-root[data-slf-float-orientation="vertical"][data-slf-pos="bl"] .slf-float{
  left:0; border-left:0; border-radius:0 var(--slf-float-radius) var(--slf-float-radius) 0;
}
#slf-root[data-slf-float-orientation="vertical"][data-slf-pos="mr"] .slf-float,
#slf-root[data-slf-float-orientation="vertical"][data-slf-pos="br"] .slf-float{
  right:0; border-right:0; border-radius:var(--slf-float-radius) 0 0 var(--slf-float-radius);
}

@media (max-width:767px){
  #slf-root .slf-float{
    width:56px;
    height:56px;
    min-width:56px;
    padding:0;
    gap:0;
    justify-content:center;
  }
  #slf-root .slf-float__text{ display:none; }
  #slf-root .slf-float__icon img,
  #slf-root .slf-float__icon svg{ width:22px; height:22px; }
}
#slf-root[data-slf-portrait-tablet="1"] .slf-float{
  transform:translateX(-50%) scale(var(--slf-pt-scale));
  transform-origin:center;
}
#slf-root[data-slf-portrait-tablet="1"][data-slf-pos="br"] .slf-float,
#slf-root[data-slf-portrait-tablet="1"][data-slf-pos="bl"] .slf-float{ transform:scale(var(--slf-pt-scale)); }
#slf-root[data-slf-portrait-tablet="1"][data-slf-pos="mr"] .slf-float,
#slf-root[data-slf-portrait-tablet="1"][data-slf-pos="ml"] .slf-float{
  transform:translateY(calc(-50% + var(--slf-y))) scale(var(--slf-pt-scale));
}

/* v1.12.21 — built-in dark-mode SVGs use white currentColor; uploaded images remain untouched. */
#slf-root .slf-float__icon,
#slf-root .slf-float__icon svg{ color:var(--slf-float-icon-color) !important; }
#slf-root[data-slf-theme="dark"] .slf-icon--dark svg,
html.sl-theme-dark body.slc-dark #slf-root .slf-icon--dark svg,
body.slc-dark #slf-root .slf-icon--dark svg{ color:#fff !important; }