/* WP Booking System - Age Group Pricing (front-end) */

.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-rows,
.wpbs-form-field-wpbs_agp_menu .wpbs-agp-menu-rows {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-row,
.wpbs-form-field-wpbs_agp_menu .wpbs-agp-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}

.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-row-label,
.wpbs-form-field-wpbs_agp_menu .wpbs-agp-row-label {
    display: block;
}

.wpbs-form-field-wpbs_agp_menu .wpbs-agp-menu-days,
.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-gate {
    max-width: 200px;
}

.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-price,
.wpbs-form-field-wpbs_agp_menu .wpbs-agp-price {
    opacity: 0.7;
    font-size: 0.9em;
    white-space: nowrap;
}

.wpbs-form-field-wpbs_agp_agegroups .wpbs-agp-price-free {
    font-style: italic;
}

.wpbs-form-field-wpbs_agp_agegroups input.wpbs-agp-qty,
.wpbs-form-field-wpbs_agp_menu input.wpbs-agp-qty {
    width: 100%;
    max-width: 120px;
    /* Symmetric padding + centered text. !important because most themes
       set their own input alignment with higher specificity. */
    text-align: center !important;
    padding-left: 8px;
    padding-right: 8px;
    /* Remove the number spinner so it doesn't reserve space on the right
       (which makes centered text look off-centre). */
    -moz-appearance: textfield;
    appearance: textfield;
}

.wpbs-form-field-wpbs_agp_agegroups input.wpbs-agp-qty::-webkit-outer-spin-button,
.wpbs-form-field-wpbs_agp_agegroups input.wpbs-agp-qty::-webkit-inner-spin-button,
.wpbs-form-field-wpbs_agp_menu input.wpbs-agp-qty::-webkit-outer-spin-button,
.wpbs-form-field-wpbs_agp_menu input.wpbs-agp-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}