/* Wrench Grid Front End Fix V3 */
body.wg-v3-ready .entry-content,
body.wg-v3-ready .wp-block-post-content,
body.wg-v3-ready .kubio-page-content,
body.wg-v3-ready .kubio-content,
body.wg-v3-ready main {
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
body.wg-v3-ready #wg-homepage-root {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body.wg-v3-ready #wg-homepage-root > .nav:first-child,
body.wg-v3-ready #wg-homepage-root > nav:first-child {
  display:none!important;
}
body.wg-v3-ready .rv {
  opacity:1!important;
  transform:none!important;
}
body.wg-v3-ready .modal.visible {
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.wg-v3-ready .modal:not(.visible) {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
body.wg-v3-ready .ai-loader,
body.wg-v3-ready .wg-ai-loader {
  display:none;
}
body.wg-v3-ready .ai-loader.show,
body.wg-v3-ready .wg-ai-loader.show {
  display:flex!important;
}
body.wg-v3-ready .wg-ai-loader {
  width:100%;
  min-height:420px;
  background:#0a1628;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px 20px;
}
body.wg-v3-ready .wg-ai-loader img {
  width:82%;
  max-width:520px;
  border-radius:8px;
  display:block;
  animation:wgV3Pulse 2s ease-in-out infinite;
}
body.wg-v3-ready .wg-ai-loading-text {
  margin-top:28px;
  font-size:18px;
  font-weight:700;
  color:#7ab8ff;
  letter-spacing:.04em;
  display:flex;
  align-items:center;
  gap:10px;
}
body.wg-v3-ready .wg-dots span {
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4af0c8;
  animation:wgV3Dot 1.2s ease-in-out infinite;
}
body.wg-v3-ready .wg-dots span:nth-child(2){animation-delay:.2s}
body.wg-v3-ready .wg-dots span:nth-child(3){animation-delay:.4s}
body.wg-v3-ready .wg-progress-wrap {
  margin-top:22px;
  width:60%;
  max-width:380px;
  height:4px;
  background:#1a3a6b;
  border-radius:4px;
  overflow:hidden;
}
body.wg-v3-ready .wg-progress-bar {
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#4a9eff,#4af0c8);
  border-radius:4px;
  animation:wgV3Fill 3s ease-in-out forwards;
}
@keyframes wgV3Pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.08)}}
@keyframes wgV3Dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-7px);opacity:1}}
@keyframes wgV3Fill{0%{width:0}60%{width:75%}90%{width:92%}100%{width:100%}}
#wgForcedToTop,
body.wg-v3-ready #toTop,
body.wg-v3-ready .to-top {
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
  background:#ffb323!important;
  color:#0b1524!important;
  display:grid!important;
  place-items:center!important;
  font-size:24px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 18px 40px rgba(255,179,35,.35)!important;
  z-index:999999!important;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}
#wgForcedToTop.show,
body.wg-v3-ready #toTop.show,
body.wg-v3-ready .to-top.show {
  opacity:1!important;
  pointer-events:auto!important;
}



/* V3.1 targeted fixes: keep V3 behavior but force calculator result visible */
body.wg-v31-ready #calcResult.wg-v31-visible {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  min-height: 300px !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
}
body.wg-v31-ready #calcPlaceholder.wg-v31-hide {
  display: none !important;
}
body.wg-v31-ready #calcLoader.show,
body.wg-v31-ready #wgCalcAiLoader.show {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.wg-v31-ready .rv {
  opacity: 1 !important;
  transform: none !important;
}



/* V3.2 targeted fixes */
body.wg-v32-ready #pxVan,
body.wg-v32-ready .px-van {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 640px !important;
  width: 100% !important;
  height: auto !important;
}
body.wg-v32-ready .px-van-wrap {
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
}
body.wg-v32-ready #resultView.visible,
body.wg-v32-ready #resultView.show {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.wg-v32-ready #formView.hidden {
  display: none !important;
}
body.wg-v32-ready #aiLoader.show,
body.wg-v32-ready #wgHeroAiLoader.show {
  display: flex !important;
}
body.wg-v32-ready .site-footer,
body.wg-v32-ready footer,
body.wg-v32-ready .footer {
  margin-top: 0 !important;
}



/* V3.2.1 targeted mobile modal scroll fix ONLY
   Fixes:
   1) Start My Revenue System modal scroll on mobile.
   2) Get My Website / checkout plan modal scroll on mobile.
   No other page logic is changed. */
@media (max-width: 767px) {
  body.wg-v32-ready #leadModal.visible,
  body.wg-v32-ready #leadModal.show,
  body.wg-v32-ready #checkoutModal.visible,
  body.wg-v32-ready #checkoutModal.show,
  body.wg-v31-ready #leadModal.visible,
  body.wg-v31-ready #leadModal.show,
  body.wg-v31-ready #checkoutModal.visible,
  body.wg-v31-ready #checkoutModal.show {
    align-items: flex-start !important;
    justify-content: center !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 10px 8px calc(96px + env(safe-area-inset-bottom)) !important;
  }

  body.wg-v32-ready #leadModal.visible .modal-card,
  body.wg-v32-ready #leadModal.show .modal-card,
  body.wg-v32-ready #checkoutModal.visible .modal-card,
  body.wg-v32-ready #checkoutModal.show .modal-card,
  body.wg-v31-ready #leadModal.visible .modal-card,
  body.wg-v31-ready #leadModal.show .modal-card,
  body.wg-v31-ready #checkoutModal.visible .modal-card,
  body.wg-v31-ready #checkoutModal.show .modal-card {
    width: min(96vw, 760px) !important;
    max-width: 96vw !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto calc(96px + env(safe-area-inset-bottom)) !important;
  }

  body.wg-v32-ready #leadModal.visible .modal-body,
  body.wg-v32-ready #leadModal.show .modal-body,
  body.wg-v32-ready #leadModal.visible .rev-modal-body,
  body.wg-v32-ready #leadModal.show .rev-modal-body,
  body.wg-v32-ready #leadModal.visible #modalFormView,
  body.wg-v32-ready #leadModal.show #modalFormView,
  body.wg-v32-ready #checkoutModal.visible .modal-body,
  body.wg-v32-ready #checkoutModal.show .modal-body,
  body.wg-v32-ready #checkoutModal.visible .reserve-body,
  body.wg-v32-ready #checkoutModal.show .reserve-body,
  body.wg-v31-ready #leadModal.visible .modal-body,
  body.wg-v31-ready #leadModal.show .modal-body,
  body.wg-v31-ready #leadModal.visible .rev-modal-body,
  body.wg-v31-ready #leadModal.show .rev-modal-body,
  body.wg-v31-ready #leadModal.visible #modalFormView,
  body.wg-v31-ready #leadModal.show #modalFormView,
  body.wg-v31-ready #checkoutModal.visible .modal-body,
  body.wg-v31-ready #checkoutModal.show .modal-body,
  body.wg-v31-ready #checkoutModal.visible .reserve-body,
  body.wg-v31-ready #checkoutModal.show .reserve-body {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: calc(42px + env(safe-area-inset-bottom)) !important;
  }

  body.wg-v32-ready #checkoutModal.visible .reserve-grid,
  body.wg-v32-ready #checkoutModal.show .reserve-grid,
  body.wg-v31-ready #checkoutModal.visible .reserve-grid,
  body.wg-v31-ready #checkoutModal.show .reserve-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.wg-v32-ready #leadModal.visible button[type="submit"],
  body.wg-v32-ready #leadModal.show button[type="submit"],
  body.wg-v31-ready #leadModal.visible button[type="submit"],
  body.wg-v31-ready #leadModal.show button[type="submit"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 52px !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
  }
}