/* Additional styles for local JS functionality */

/* Slider functionality */
.w-slider {
    position: relative;
    overflow: hidden;
    height: auto;
}

.w-slider-mask {
    position: relative;
    display: flex;
    white-space: nowrap;
    height: 100%;
    transition: transform 500ms ease;
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.w-slider-arrow-left {
    left: 20px;
}

.w-slider-arrow-right {
    right: 20px;
}

.w-slider-nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 2;
}

.w-slider-dot {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s;
}

.w-slider-dot.w-active {
    background-color: rgba(255, 255, 255, 0.9);
}

/* Mobile navigation toggle */
.nav.w--open {
    display: block !important;
    height: auto !important;
}

.nav.w--open .main-nav-link {
    display: block !important;
}

.nav.w--open .current-nav-heading {
    display: none !important;
}

.toggle-nav-button.w--open {
    opacity: 0.7;
}

/* Slider mask transitions */
.w-slider-mask {
    transition: transform 500ms ease;
}

/* Video loaded state */
.w-background-video video.w--loaded {
    opacity: 1;
}

/* Form states */
.w-form-done,
.w-form-fail {
    display: none;
    padding: 20px;
    margin-top: 20px;
}

.w-form-done {
    background-color: #ddffdd;
    color: #0a5a0a;
}

.w-form-fail {
    background-color: #ffdddd;
    color: #8a0000;
}

/* Responsive breakpoint helpers - removed conflicting rule */