/* Alfa Romeo Animation Styles */
#alfaLoader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10000;
    justify-content: center;
    align-items: center;
}

#alfaSvg {
    overflow: visible;
}

/* Common base for all paths: Dark Blue Outline, Invisible Fill */
.alfa-path,
.alfa-path path {
    stroke: #1e1d51;
    /* Dark Blue Outline */
    stroke-width: 0.3px;
    fill: none;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    transition: fill 0.5s ease;
}

/* Draw stroke animation */
.anim-draw {
    animation: drawStroke 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Specific Colors for Outline */
#alfaSnake {
    stroke: #0f5324 !important;
    /* Green Outline explicitly */
}

/* Specific fill classes */
.anim-fill-snake {
    /* Snake Fill Animation - Combined Draw AND Fill to avoid override */
    /* Draw: 2s | Fill: 0.8s duration, 2s delay */
    fill: #0f5324;
    fill-opacity: 0;
    animation: drawStroke 2s cubic-bezier(0.4, 0, 0.2, 1) forwards,
        fadeFillGreen 0.8s 0.5s ease-in-out forwards;
}

@keyframes drawStroke {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeFillGreen {
    0% {
        fill-opacity: 0;
    }

    100% {
        fill-opacity: 1;
    }
}