/* ========================================
   ITLABOR - FLUENT FORMS / BLOCKSY
   Styl przycisków wyboru budżetu
   ======================================== */

/* 1. Odstępy pod etykietami */
.ct-contact-form .frm-fluent-form
.ff-el-input--label label {
    margin-bottom: 5px;
}

/* 2. Układ przycisków */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff-el-input--content {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* 3. Wspólny wygląd przycisków */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff-el-form-check span {
    border-radius: var(
        --theme-form-field-border-radius, 6px
    ) !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* 4. Przycisk niezaznaczony */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff-el-form-check:not(.ff_item_selected) span {
    background-color: #e5e7eb !important;
    color: #252525 !important;
    border-color: var(
        --theme-button-background-initial-color,
        #263c70
    ) !important;
}

/* 5. Najechanie myszką */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff-el-form-check:not(.ff_item_selected)
span:hover {
    background-color: #f3f4f6 !important;
    color: #252525 !important;
    border-color: #d1d5db !important;
}

/* 6. Zaznaczony przycisk */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff_item_selected span {
    background-color: var(
        --theme-button-background-initial-color,
        #263c70
    ) !important;
    color: var(
        --theme-button-text-initial-color,
        #ffffff
    ) !important;
    border-color: var(
        --theme-button-background-initial-color,
        #263c70
    ) !important;
}

/* 7. Widoczność fokusu klawiatury */
.ct-contact-form .fluentform
.ff-el-group.ff_list_buttons
.ff-el-form-check:focus-within span {
    outline: 2px solid var(
        --theme-button-background-initial-color,
        #263c70
    );
    outline-offset: 3px;
}