/**
 * Fluent Forms override styles
 *
 * @package rotak
 */

/* Submit button */
.fluentform .ff-btn-submit {
    background-color: #CA8D47 !important;
    border-color: #CA8D47 !important;
    color: #fff !important;
    padding: 14px 32px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-family: 'Inter', sans-serif !important;
}

.fluentform .ff-btn-submit:hover {
    background-color: #B07A3A !important;
    border-color: #B07A3A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Input fields */
.fluentform .ff-el-input,
.fluentform .ff-el-textarea,
.fluentform select {
    border: 2px solid #F2EEE9 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    transition: border-color 0.15s ease !important;
    background-color: #fff !important;
}

.fluentform select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 44px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23133442' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    cursor: pointer !important;
}

.fluentform .ff-el-input:focus,
.fluentform .ff-el-textarea:focus,
.fluentform select:focus {
    border-color: #CA8D47 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(202, 141, 71, 0.15) !important;
}

/* Labels */
.fluentform .ff-el-input--label label {
    font-weight: 500 !important;
    color: #333 !important;
    font-size: 0.9rem !important;
}

/* Lead magnet form in footer/dark sections */
.lead-magnet .fluentform .ff-el-input,
.lead-magnet .fluentform .ff-el-textarea,
.footer .fluentform .ff-el-input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.lead-magnet .fluentform .ff-el-input:focus,
.footer .fluentform .ff-el-input:focus {
    border-color: #CA8D47 !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.lead-magnet .fluentform .ff-el-input::placeholder,
.footer .fluentform .ff-el-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.lead-magnet .fluentform .ff-el-input--label label,
.footer .fluentform .ff-el-input--label label {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Footer newsletter — compact */
.footer .fluentform .ff-el-group {
    margin-bottom: 8px !important;
}

.footer .fluentform .ff-btn-submit {
    width: 100% !important;
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
}

/* ===================================================================
   ODHAD CENY — RADIO BUTTON GROUPS (typ nemovitosti, dispozice)
   =================================================================== */
.odhad-main__form-box .ff-el-group.ff_list_inline .ff-el-form-check {
    display: inline-flex !important;
}

.odhad-main__form-box .ff-el-group.ff_list_inline .ff-el-form-check-input {
    display: none !important;
}

.odhad-main__form-box .ff-el-group.ff_list_inline .ff-el-form-check-label {
    display: inline-block !important;
    padding: 10px 20px !important;
    border: 2px solid rgba(19, 52, 66, 0.15) !important;
    background: var(--color-bg) !important;
    font-family: var(--font-body) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--color-primary) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    text-align: center !important;
}

.odhad-main__form-box .ff-el-group.ff_list_inline .ff-el-form-check-label:hover {
    border-color: var(--color-secondary) !important;
    background: rgba(202, 141, 71, 0.05) !important;
}

.odhad-main__form-box .ff-el-group.ff_list_inline .ff-el-form-check-input:checked + .ff-el-form-check-label {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}