/*
================================================

Space Vanta Theme 1.0

Module:
Collection Bundle Stream

File:
state.css

Version:
1.3

Purpose:
Three-Level Stream State

Level 1:
Bundle Selection

Level 2:
Bundle Options

Level 3:
Bundle Option Detail

================================================
*/


/* =========================================
   LEVEL 1
   Bundle Selection
========================================= */

/*
   Show Bundle Choice
   Hide all Bundle Flows
*/

.sv-collection-bundle[data-stream-state="selection"] .sv-collection-bundle__bundle-flow {
    display: none;
}


/* =========================================
   LEVEL 2
   Bundle Options
========================================= */

/*
   Only Active Bundle remains
*/

.sv-collection-bundle[data-stream-state="bundle-options"] .sv-collection-bundle__bundle:not(.is-active) {
    display: none;
}


/*
   Hide Active Bundle Choice
*/

.sv-collection-bundle[data-stream-state="bundle-options"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__bundle-choice {
    display: none;
}


/*
   Show Active Bundle Flow
*/

.sv-collection-bundle[data-stream-state="bundle-options"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__bundle-flow {
    display: block;
}


/*
   Keep all Option Details hidden
   while browsing Options
*/

.sv-collection-bundle[data-stream-state="bundle-options"] .sv-collection-bundle__option-detail {
    display: none;
}


/*
   All Option Choices remain visible
*/

.sv-collection-bundle[data-stream-state="bundle-options"] .sv-collection-bundle__option-choice {
    display: block;
}


/* =========================================
   LEVEL 3
   Bundle Option Detail
========================================= */

/*
   Hide all other Bundles
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle:not(.is-active) {
    display: none;
}


/*
   Hide the original Bundle Choice
   from the Active Bundle
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__bundle-choice {
    display: none;
}


/*
   Keep the Active Bundle Flow
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__bundle-flow {
    display: block;
}


/*
   Hide all non-active Options
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__option:not(.is-active) {
    display: none;
}


/*
   Hide Active Option Choice
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__option.is-active .sv-collection-bundle__option-choice {
    display: none;
}


/*
   Show Active Option Detail

   This explicitly controls the complete
   Level 3 content, including:

   - Option Image
   - Option Name
   - Description
   - Included Items
   - Add to Cart
*/

.sv-collection-bundle[data-stream-state="option-detail"] .sv-collection-bundle__bundle.is-active .sv-collection-bundle__option.is-active .sv-collection-bundle__option-detail {
    display: block;
}


/* =========================================
   VISUAL STATE RESET
========================================= */

/*
   State CSS must not dim content.

   This reset is intentionally retained
   during the current baseline verification
   because Level 2 currently shows a
   gray / dim visual state.

   Once the source of the gray state is
   identified in the visual layer, this
   section should be removed from state.css.
*/

.sv-collection-bundle__bundle,
.sv-collection-bundle__bundle-flow,
.sv-collection-bundle__bundle-choice,
.sv-collection-bundle__option,
.sv-collection-bundle__option-choice,
.sv-collection-bundle__option-detail,
.sv-collection-bundle__option-media,
.sv-collection-bundle__option-image-frame,
.sv-collection-bundle__option-image,
.sv-collection-bundle__option-included,
.sv-collection-bundle__option-included-list,
.sv-collection-bundle__option-included-item {
    opacity: 1;
    filter: none;
}