/* ViewFloors for WooCommerce — front-end styles.
   The branded button is deliberately theme-independent: same look on every
   shop, so shoppers learn to recognise it. */
.viewfloors-cta{margin:1em 0}
.viewfloors-inline{margin:1.5em 0}

/* --- branded button -----------------------------------------------------
   Themes style `button` aggressively (block, 100% width, square, uppercase).
   The essentials are pinned with !important so the button looks the same on
   every shop: a slim dark pill with a gold mark — calm, but unmistakable. */
.viewfloors-cta{margin:.9em 0;display:block}
button.viewfloors-button.viewfloors-button--branded,
.viewfloors-button.viewfloors-button--branded{
  --vf-gold:#d9b987;--vf-ink:#15120d;
  all:unset;box-sizing:border-box!important;cursor:pointer!important;
  display:inline-flex!important;align-items:center!important;gap:.55em!important;
  width:auto!important;max-width:100%!important;min-height:0!important;height:44px!important;
  margin:0!important;padding:0 18px 0 6px!important;border:0!important;border-radius:999px!important;
  background:var(--vf-ink)!important;color:#f5f4f1!important;
  font:600 14.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif!important;
  letter-spacing:.01em!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;
  box-shadow:0 0 0 1px rgba(21,18,13,.08),0 6px 18px -8px rgba(21,18,13,.6)!important;
  transition:transform .18s cubic-bezier(.25,.8,.3,1),box-shadow .18s!important;
  vertical-align:middle!important
}
.viewfloors-button--branded:hover{transform:translateY(-1px)!important;box-shadow:0 0 0 2px rgba(217,185,135,.55),0 10px 22px -8px rgba(21,18,13,.65)!important}
.viewfloors-button--branded:active{transform:none!important}
.viewfloors-button--branded:focus-visible{outline:2px solid var(--vf-gold)!important;outline-offset:3px!important}
.viewfloors-button--branded .viewfloors-mark{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:var(--vf-gold)!important;color:var(--vf-ink)!important;flex:0 0 auto!important}
.viewfloors-button--branded .viewfloors-mark svg{width:18px!important;height:18px!important;display:block!important}
.viewfloors-button--branded .viewfloors-label{display:inline!important;color:inherit!important;font:inherit!important}
.viewfloors-button--branded .viewfloors-badge{display:inline-block!important;font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif!important;letter-spacing:.14em!important;padding:.35em .45em!important;border-radius:5px!important;border:1px solid rgba(217,185,135,.55)!important;color:var(--vf-gold)!important;background:transparent!important;margin-inline-start:.1em!important}
@media (prefers-reduced-motion:reduce){.viewfloors-button--branded{transition:none!important}}

/* --- theme-matching variant --------------------------------------------- */
.viewfloors-button--theme .viewfloors-icon{opacity:.75;margin-inline-end:.35em}

/* --- toast after add-to-cart -------------------------------------------- */
.viewfloors-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:2147483001;display:flex;gap:14px;align-items:center;padding:12px 18px;border-radius:12px;background:#111;color:#fff;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;transition:opacity .25s,transform .25s}
.viewfloors-toast.on{opacity:1;transform:translate(-50%,0)}
.viewfloors-toast a{color:#ffd98a;font-weight:600}