/*
Theme Name:     TytanFly Child Kadence
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/* Stylizacja formularza opartego na ID kontenera nadrzędnego */

/* Stylizacja pól wejściowych (Inputy i Textarea) */
#cta-end-form .ff-el-form-control {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important; /* Zmieniono z 8px na 5px */
    padding: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    box-shadow: none !important;
    height: auto !important;
    transition: background-color 0.2s ease !important;
}

/* Stylizacja placeholderów */
#cta-end-form .ff-el-form-control::placeholder {
    color: #666666 !important;
    opacity: 1;
}

/* Efekt focus na polach */
#cta-end-form .ff-el-form-control:focus {
    background-color: #fff8f1 !important;
    outline: none !important;
}

/* Układ kontenerów i komórek */
#cta-end-form .ff-t-container {
    margin-bottom: 16px !important;
}

#cta-end-form .ff-t-cell {
    padding: 0 !important; /* Usunięto padding 8px, aby kontener nadrzędny decydował o szerokości */
}

/* Usunięcie marginesów w grupach pól */
#cta-end-form .ff-el-group {
    margin-bottom: 0 !important;
}

/* Stylizacja Przycisku */
#cta-end-form .ff-btn-submit {
    background-color: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important; /* Zmieniono z 8px na 5px */
    padding: 16px 32px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
}

#cta-end-form .ff-btn-submit:hover {
    background-color: #ff5722 !important;
}

/* Poprawka dla kontenera przycisku */
#cta-end-form .ff_submit_btn_wrapper {
    margin-top: 24px !important;
}

/* Stylizacja komunikatów */
#cta-end-form .ff-errors-in-stack {
    font-size: 14px;
    color: #d32f2f;
    margin-top: 10px;
}

/* Ukrycie labeli */
#cta-end-form .ff-el-input--label {
    display: none !important;
}

/* --- POPRAWKI MOBILNE (poniżej 770px) --- */
@media (max-width: 770px) {
    /* Rozdzielenie sklejonych pól (np. Imię i Telefon) */
    #cta-end-form .ff-t-container {
        margin-bottom: 0 !important;
    }
    
    #cta-end-form .ff-t-cell {
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin-bottom: 16px !important; /* Odstęp pionowy między polami */
    }

    #cta-end-form .ff-el-group {
        margin-bottom: 0 !important;
    }
}