/**
 * Bright Bee Route Animator Styles
 * Styles for the animated route path
 */

/* Base styles for the route path */
.bb-route-path {
    stroke: #010101 !important;
    stroke-width: 5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none !important;
    /* stroke-dasharray and stroke-dashoffset are set by JavaScript */
    transition: stroke-dashoffset 0.1s ease-out;
}

/* Ensure path is visible */
.bb-route-path[stroke-dashoffset] {
    opacity: 1;
    visibility: visible;
}

/* Wrapper for SVG to ensure proper containment */
.bb-route-wrap {
    display: block;
    width: 100%;
    height: auto;
}

.bb-route-wrap svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Ensure SVG is visible and properly scaled */
.bb-route-wrap svg path.bb-route-path {
    vector-effect: non-scaling-stroke;
}