#msc-configurator {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
}

.msc-step-content {
    display: none;
}

.msc-step-content.active {
    display: block;
}

.msc-group {
    margin-bottom: 20px;
}

.msc-race-day {
    border: 1px dashed #ccc;
    padding: 10px;
    margin: 5px 0;
}

.msc-counter {
    display: inline-flex;
    gap: 5px;
}

.msc-counter input {
    width: 40px;
    text-align: center;
}

.msc-body .aa-variation-name-select.form-row.form-row-full,
.msc-body .single_variation_wrap {
    display: none;
}
/* .msc-group.active,
.msc-race-type.active,
.msc-category.active {
    border: 2px solid #000;
} */

div#msc-configurator * {
    font-family: "Inter",sans-serif !important;
}

div#msc-configurator h3, .msc-step-content#msc-step-package {
    font-size: 1.75rem;
    color: #fff;
    font-weight: 600 !important;
    margin-top: 0;
}

.msc-step-content#msc-step-package p{
    margin-bottom: 0;
}

.msc-steps {
    display: none;
}

#msc-configurator .msc-step-content.active{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.msc-group h4 {
    color: #fff;
    font-weight: 500 !important;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.msc-group {
    margin-bottom: 0;
}

.msc-group.active {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border: 1px solid #fff;
}

.msc-group {
    padding: 1rem;
    border-bottom: 1px solid #fff;
}

.msc-race-type strong {
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 5px 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
}

.msc-category.active {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.msc-category{
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.msc-category > span {
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #fff;
    width: max-content;
}

.msc-race-type.active strong {
    color: #000;
    background: #fff;
}

.msc-category.active > span {
    color: #000;
    background: #fff;
}

.msc-race-day > span {
    color: #fff;
    text-transform: uppercase;
}

.msc-race-day {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

button.msc-minus, button.msc-plus {
    line-height: 1;
    aspect-ratio: 1/1;
    font-size: 1rem;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}



.msc-counter input[type="text"] {
    margin-bottom: 0;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 0;
    color: #000;
}

.msc-counter {
    gap: 10px;
}

button.msc-minus:hover, button.msc-plus:hover, .msc-category > span:hover, .msc-race-type strong:hover, button.msc-flexi-minus:hover, button.msc-flexi-plus:hover {
    color:  #000;
    background: #fff;
}

button#msc-next-step {
    margin-top: -1rem;
}

button#msc-skip-tickets, button#msc-next-step {
    border: 1px solid #fff;
    font-size: 1.25rem;
    text-transform: uppercase;
    padding: 10px;
}
button#msc-skip-tickets:hover, button#msc-next-step:hover {
    background: rgba(255,255,255,0.7)
}
.msc-group:not(.active):hover {
    background: #fff;
}

.msc-group:not(.active):hover h4 {
    color: #000;
}

.msc-flexi-wrap label strong {
    font-size: 1rem;
}

.msc-flexi-description, .msc-flexi-max {
    color: #fff;
}

.msc-flexi-description p {
    margin-bottom: 10px;
    margin-top: 10px;
}

.msc-flexi-wrap {
    margin-top: 2rem !important;
}

.msc-flexi-counter{
    display: flex;
    gap: 5px    
}

button.msc-flexi-minus, button.msc-flexi-plus {
    line-height: 1;
    aspect-ratio: 1/1;
    font-size: 1rem;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.msc-flexi-counter input[type="text"] {
    margin-bottom: 0;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 0;
    color: #000;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}

.x-wc-add-to-cart-form {
    width: 100%;
}

/* .msc-body .quantity, .msc-body .cc-qty-btn {
    display: none !important;
} */

.msc-body button.single_add_to_cart_button {
    /* margin-left: 0; */
    margin-bottom: 0;
}
.msc-group-description {
    pointer-events: none;
}

button#msc-modify-ticket-selection {
    padding: 0;
    background: transparent;
    color: #fff;
    line-height: 1;
    text-decoration: underline;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none;
    box-shadow: none;
}

div#msc-modify-ticket-selection-wrap {
    line-height: 1;
    margin-top: -2rem;
}

button#msc-modify-ticket-selection:hover {
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none;
    border: none;
}