/* ===== RLV Abo order form (multi-step) ===== */

.rlvabo-step[hidden],
.rlvabo-gift[hidden],
.rlvabo-gifts__empty[hidden] { display: none !important; }

/* Step indicator */
.rlvabo-steps {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
    counter-reset: rlvabo-step;
}
.rlvabo-steps__item {
    flex: 1 1 0;
    min-width: 7rem;
    text-align: center;
    font-size: .85rem;
    color: #777;
    padding: .4rem .25rem;
    border-bottom: 3px solid #e0e0e0;
    counter-increment: rlvabo-step;
}
.rlvabo-steps__item::before {
    content: counter(rlvabo-step) ". ";
    font-weight: 600;
}
.rlvabo-steps__item.is-active {
    color: #2e6da4;
    border-bottom-color: #2e6da4;
    font-weight: 600;
}
.rlvabo-steps__item.is-done {
    color: #2e6da4;
    border-bottom-color: #9cc2e0;
}

/* Sections */
.rlvabo-section { border: 0; margin: 0 0 1.25rem; padding: 0; }
.rlvabo-section > legend {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

/* Products & gifts */
.rlvabo-product,
.rlvabo-gift {
    display: block;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: .6rem .8rem;
    margin-bottom: .5rem;
    cursor: pointer;
}
.rlvabo-product__price { display: block; color: #555; font-size: .9rem; }
.rlvabo-gifts { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .75rem; }
.rlvabo-gift { margin-bottom: 0; }
.rlvabo-gift__img { display: block; max-width: 100%; height: auto; margin: .4rem 0; }
.rlvabo-gift__desc { display: block; color: #666; font-size: .85rem; }

/* Form fields */
.rlvabo-form .form-group { margin-bottom: .75rem; }
.rlvabo-form .form-row { display: flex; gap: .75rem; flex-wrap: wrap; }
.rlvabo-form .form-row > .form-group { flex: 1 1 12rem; }
.rlvabo-form label { display: block; font-size: .9rem; margin-bottom: .15rem; }
.rlvabo-section--consent label { display: block; margin-bottom: .4rem; }

/* Navigation */
.rlvabo-nav {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    margin-top: 1rem;
}
.rlvabo-nav .rlvabo-next,
.rlvabo-nav .rlvabo-finish { margin-left: auto; }