/* Vietinės SVG piktogramos: index.html turi įterptą <defs> bloką, <use href="#gl-…"/> – be Font Awesome CDN.
   Planų sąrašuose: <svg class="gl-ico gl-ico--cta" aria-hidden="true"><use href="#gl-check"/></svg>
   #gl-bolt = tas pats žaibo simbolis kaip #gl-zap (juodraščio pavadinimas). */
.gl-ico--cta {
    color: var(--cta);
}
svg.gl-ico {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.18em;
    flex-shrink: 0;
    color: inherit;
    overflow: visible;
}
svg.gl-ico use {
    pointer-events: none;
}
svg.gl-ico--spin {
    animation: gl-ico-spin 0.85s linear infinite;
}
@keyframes gl-ico-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    svg.gl-ico--spin { animation: none; }
}
.bubble-link svg.gl-ico,
.email-bubble svg.gl-ico,
.chat-bubble svg.gl-ico {
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

/* Plūduriuojantys burbulai: lėtai kintanti ikonos spalva + švytėjimas (sinchronuota su sukančiu žiedu) */
.contact-icons-floating .bubble-link svg.gl-ico,
.contact-icons-floating .email-bubble svg.gl-ico,
.contact-icons-floating .chat-bubble svg.gl-ico {
    color: var(--calm-sky);
    animation: glBubbleIconChroma 12s ease-in-out infinite;
    /* iOS/Safari: bakstelėjimas ant <svg> kartais neperduoda „click“ į <button> – paliekame taikinį tėvui */
    pointer-events: none;
}

@keyframes glBubbleIconChroma {
    0%, 100% {
        color: var(--calm-sky);
        filter: drop-shadow(0 0 7px rgba(56, 189, 248, 0.45));
    }
    35% {
        color: var(--cta);
        filter: drop-shadow(0 0 9px rgba(var(--cta-rgb), 0.5));
    }
    70% {
        color: var(--accent);
        filter: drop-shadow(0 0 6px rgba(165, 182, 141, 0.4));
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-icons-floating .bubble-link svg.gl-ico,
    .contact-icons-floating .email-bubble svg.gl-ico,
    .contact-icons-floating .chat-bubble svg.gl-ico {
        animation: none;
        filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.35));
        color: var(--calm-sky);
    }
}
@media (max-width: 420px) {
    .bubble-link svg.gl-ico,
    .email-bubble svg.gl-ico,
    .chat-bubble svg.gl-ico {
        width: 24px;
        height: 24px;
    }
}
button.contact-call-trigger svg.gl-ico,
button.contact-email-trigger svg.gl-ico {
    pointer-events: none;
}
.mini-icon svg.gl-ico {
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
}
.benefit-card .icon svg.gl-ico {
    width: 1.35em;
    height: 1.35em;
    color: var(--cta);
    filter: drop-shadow(0 0 8px rgba(var(--cta-rgb), 0.3));
}

@media (prefers-reduced-motion: reduce) {
    .benefit-card .icon svg.gl-ico {
        filter: none;
    }
}
.kam-card .icon svg.gl-ico {
    width: 1.25em;
    height: 1.25em;
}
.plan-icon-row span svg.gl-ico {
    width: 0.9em;
    height: 0.9em;
    vertical-align: -0.12em;
}
.plan-icon-pill--cta svg.gl-ico {
    color: rgba(236, 248, 255, 0.96);
}
.portal-login-btn svg.gl-ico {
    width: 1.05em;
    height: 1.05em;
}
