/*
 * CoachCore – kiemelt edzői belépés CTA
 * Betöltés: a főoldali style.css után.
 */

.site-header .coach-login-action {
    --cc-login-green: #31e6b4;
    --cc-login-green-deep: #0f9f82;
    --cc-login-blue: #2f72ff;
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid rgba(112, 255, 216, 0.78);
    border-radius: 5px;
    color: #ffffff !important;
    background: linear-gradient(115deg, rgb(15 159 130 / 53%), rgb(24 190 153 / 61%) 48%, rgb(47 114 255 / 67%));
    box-shadow: 0 0 0 0 rgba(49, 230, 180, 0.48), 0 12px 30px rgba(14, 165, 135, 0.32), 0 8px 22px rgba(47, 114, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.025em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transform: translateZ(0);
    animation: ccCoachLoginPulse 1.9s ease-in-out infinite;
    transition: transform 180ms ease, border-color 180ms ease, filter 180ms ease, box-shadow 180ms ease;
    margin-left: 10px;
}
.text-action {
    color: #f0f8f3bf;
    font-size: 13px;
}

.site-header .coach-login-action::before {
    position: absolute;
    z-index: -1;
    inset: -6px;
    border: 1px solid rgba(49, 230, 180, 0.38);
    border-radius: inherit;
    content: "";
    opacity: 0;
    pointer-events: none;
    animation: ccCoachLoginRing 1.9s ease-out infinite;
}

.site-header .coach-login-action:hover {
    animation: none;
    color: #ffffff !important;
    border-color: rgba(203, 255, 240, 0.98);
    filter: saturate(1.12) brightness(1.08);
    transform: translateY(-2px) scale(1.025);
    box-shadow:
        0 0 0 7px rgba(49, 230, 180, 0.13),
        0 18px 38px rgba(14, 165, 135, 0.42),
        0 10px 28px rgba(47, 114, 255, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

.site-header .coach-login-action:active {
    transform: translateY(0) scale(0.99);
}

.site-header .coach-login-action:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.96);
    outline-offset: 4px;
}

.nav-drawer .coach-login-action--mobile {
    width: 100%;
    margin: 8px 0;
    padding: 13px 18px;
    text-align: center;
}

@keyframes ccCoachLoginPulse {
    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(49, 230, 180, 0.46),
            0 12px 30px rgba(14, 165, 135, 0.32),
            0 8px 22px rgba(47, 114, 255, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.34);
        transform: translateZ(0) scale(1);
    }

    50% {
        box-shadow:
            0 0 0 9px rgba(49, 230, 180, 0),
            0 17px 38px rgba(14, 165, 135, 0.44),
            0 10px 28px rgba(47, 114, 255, 0.25),
            inset 0 1px 0 rgba(255, 255, 255, 0.42);
        transform: translateZ(0) scale(1.035);
    }
}

@keyframes ccCoachLoginRing {
    0% {
        opacity: 0;
        transform: scale(0.92);
    }

    28% {
        opacity: 0.72;
    }

    100% {
        opacity: 0;
        transform: scale(1.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header .coach-login-action,
    .site-header .coach-login-action::before {
        animation: none;
    }

    .site-header .coach-login-action {
        box-shadow:
            0 0 0 5px rgba(49, 230, 180, 0.12),
            0 12px 30px rgba(14, 165, 135, 0.34),
            0 8px 22px rgba(47, 114, 255, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.34);
    }
}