/* FamePadi Form Visual Corrections v4.3.1 */

/* 1. Restore the dark FamePadi canvas without changing card structure */
.fp-form-final{
    background:#07102d!important;
}
.fp-form-final .page-content{
    background:#07102d!important;
}
.fp-form-final .contest-content{
    background:transparent!important;
}

/* 2. The hero already shows Starts / Ends / Time in the three metadata cards.
      Hide the second legacy Starts/Ends line below the countdown. */
.fp-form-final .vx-event-dates,
.fp-form-final .vx-form-dates{
    display:none!important;
}

/* 3. Countdown labels should be plain text, not green strips.
      Keep the number boxes, remove inherited legacy backgrounds from labels. */
.fp-form-final .vx-form-countdown span,
.fp-form-final .vx-event-countdown span,
.fp-form-final .vx-form-countdown small,
.fp-form-final .vx-event-countdown small{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:7px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.62)!important;
    -webkit-text-fill-color:rgba(255,255,255,.62)!important;
    line-height:1.1!important;
}

/* 4. Track Payment content must behave as a tab.
      It should NOT sit permanently below the registration form. */
.fp-form-final .tab-content > .tab-pane{
    display:none!important;
}
.fp-form-final .tab-content > .tab-pane.active,
.fp-form-final .tab-content > .tab-pane.show{
    display:block!important;
}

/* Some versions place #payment outside the first tab-content wrapper.
   Keep it hidden unless Bootstrap marks it active/show. */
.fp-form-final #payment:not(.active):not(.show){
    display:none!important;
}
.fp-form-final #payment.active,
.fp-form-final #payment.show{
    display:block!important;
}

/* Dark-page spacing around white form cards */
.fp-form-final .contestants>.row>.col-md-6:first-child,
.fp-form-final .contestants .card,
.fp-form-final #payment{
    box-shadow:0 18px 45px rgba(0,0,0,.16)!important;
}