/* ==========================================================================
   STICKY-CTA.CSS — Verhuislifthuren.eu
   Mobiele sticky balk — alleen zichtbaar op mobiel (max-width: 768px)
   Exact conform CLAUDE.md specificaties
   ========================================================================== */

.sticky-cta {
  display: none;
}

@media (max-width: 768px) {
  .sticky-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    display: flex;
    z-index: 999;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }

  .sticky-cta a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-family: var(--font-heading);
    font-size: 15px;
    gap: 8px;
  }

  .sticky-cta .btn-call {
    background: #2A8C7A;
  }

  .sticky-cta .btn-call:active {
    background: #1E6B5C;
  }

  .sticky-cta .btn-wa {
    background: #25D366;
  }

  .sticky-cta .btn-wa:active {
    background: #1FAD55;
  }

  .sticky-cta svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
}