/**
 * Lightweight extras layered on mirrored Lovable build CSS.
 * Mirrors: https://plan-your-way-40.lovable.app/
 */

/*
 * Landing header auth links: explicit styles so Login / Register stay visible even if
 * mirror utility tokens clash or viewport squeezes flex children.
 */
.strategix-header-auth {
    flex-shrink: 0;
}

.strategix-header-link-signin {
    color: #64748b;
}

.strategix-header-link-signin:hover {
    color: #0f172a;
    background-color: rgba(15, 23, 42, 0.06);
}

.strategix-header-link-register {
    color: #ffffff;
    background-image: linear-gradient(to right, #4f46e5, #7c3aed);
}

.strategix-header-link-register:hover {
    filter: brightness(1.06);
}

.strategix-header-auth button.strategix-header-btn {
    margin: 0;
    box-sizing: border-box;
}

.strategix-header-auth button.strategix-header-btn.strategix-header-link-signin {
    background-color: transparent;
    border: 0 none;
}

.strategix-header-auth button.strategix-header-btn.strategix-header-link-register {
    border: none;
}

@media (prefers-reduced-motion: no-preference) {
    .home-gantt-demo-bar {
        animation-name: strategix-home-gantt;
        animation-duration: 9s;
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        animation-delay: var(--g-d, 0s);
        will-change: width;
    }
}

@keyframes strategix-home-gantt {
    0% {
        width: max(14px, 4%);
        opacity: 0.9;
    }
    52% {
        width: var(--g-w);
        opacity: 1;
    }
    100% {
        width: var(--g-w);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-gantt-demo-bar {
        animation: none;
        width: var(--g-w);
        opacity: 1;
    }
}