/* ================================================================
   MITS Floating CTA — globalny pływający przycisk
   ================================================================ */

@keyframes floatPulse {
    0%, 100% { box-shadow: 0 6px 30px rgba(91, 140, 90, 0.45); }
    50%       { box-shadow: 0 6px 40px rgba(91, 140, 90, 0.6); }
}

.mits-floating-cta {
    /* Fallbacki na wypadek braku design tokenów theme */
    --fcta-bg:    var(--mits-color-primary, #5B8C5A);
    --fcta-color: var(--white, #FFFFFF);

    position:        fixed;
    bottom:          28px;
    right:           28px;
    z-index:         900;

    display:         flex;
    align-items:     center;
    gap:             10px;

    background:      var(--fcta-bg);
    color:           var(--fcta-color);

    font-family:     'DM Sans', sans-serif;
    font-weight:     700;
    font-size:       0.95rem;

    padding:         16px 28px;
    border-radius:   var(--radius-full, 50px);
    box-shadow:      0 6px 30px rgba(91, 140, 90, 0.45);

    text-decoration: none;
    transition:      all var(--transition-spring, 0.5s cubic-bezier(0.34, 1.56, 0.64, 1));
    animation:       floatPulse 3s ease-in-out infinite;
}

.mits-floating-cta:hover {
    transform:       translateY(-3px) scale(1.04);
    box-shadow:      0 10px 40px rgba(91, 140, 90, 0.55);
    color:           var(--fcta-color);
    text-decoration: none;
}

.mits-floating-cta svg {
    width:  20px;
    height: 20px;
}

/* ── Pozycje ──────────────────────────────────── */

.mits-floating-cta--right  { right: 28px; left: auto; }
.mits-floating-cta--left   { left: 28px;  right: auto; }
.mits-floating-cta--center {
    left:      50%;
    right:     auto;
    transform: translateX(-50%);
}

.mits-floating-cta--center:hover {
    transform: translateX(-50%) translateY(-3px) scale(1.04);
}

/* ── Mobile ───────────────────────────────────── */

@media (max-width: 768px) {
    .mits-floating-cta {
        bottom:  20px;
        right:   16px;
        padding: 14px 22px;
    }
    .mits-floating-cta--left   { left: 16px; }
    .mits-floating-cta--center { left: 50%;  }
}