/* LBOS Sponsor Form — Public Styles
   Reuses ~80% of form.css patterns; sponsor-specific overrides below.
   The base .lbos-register-wrap, .lbos-fieldset, .lbos-field, etc. rules
   from form.css apply here too via the shared wrapper class. */

/* Sponsor levels info block (above the form) */
.lbos-sponsor-levels-info {
    background: #f0f7ff;
    border: 1px solid #bde0f7;
    border-radius: 6px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.75rem;
    font-size: 0.97em;
    line-height: 1.6;
    color: #1a3a4a;
}

/* Icon / category radio group: allow 2-column layout on wider screens */
.lbos-icon-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 1.5rem;
}

@media (max-width: 480px) {
    .lbos-icon-group {
        grid-template-columns: 1fr;
    }
}

/* Level options: name + price inline */
.lbos-level-group {
    flex-direction: column;
    gap: 0.5rem;
}

.lbos-level-option {
    align-items: center;
    padding: 0.3rem 0;
}

.lbos-level-name {
    font-weight: 500;
}

.lbos-level-price {
    margin-left: 0.4rem;
    font-size: 0.9em;
    color: #555;
    font-weight: normal;
}

/* Custom amount field */
#lbos-custom-amount-wrap input {
    max-width: 180px;
}