.elementor-12 .elementor-element.elementor-element-4c7457c{--display:flex;}.elementor-12 .elementor-element.elementor-element-3297ae0{text-align:center;}.elementor-12 .elementor-element.elementor-element-6a30aabe{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2727b0bc *//* Styl kontenera formularza */
.um-register, .um-login {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid #f0f0f0 !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

/* Styl etykiet (Labeli) */
.um-field-label {
    font-weight: 600 !important;
    color: #444 !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

/* Styl pól tekstowych (Inputów) */
.um-form input[type="text"], 
.um-form input[type="password"], 
.um-form textarea,
.um-form .select2-selection--single {
    background-color: #fcfcfc !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important; /* Lekko zaokrąglone, jak chciałeś */
    padding: 12px 15px !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    color: #333 !important;
}

/* Efekt aktywnego pola (Focus) */
.um-form input:focus {
    border-color: #888888 !important; /* Szary focus */
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
    outline: none !important;
}

/* Styl głównego przycisku (pasujący do poprzedniego stylu) */
.um .um-button {
    background: linear-gradient(135deg, #555555, #333333) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 15px 20px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

/* Hover przycisku */
.um .um-button:hover {
    background: linear-gradient(135deg, #666666, #444444) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}

/* Napis pod spodem (np. Zapomniałeś hasła / Logowanie) */
.um-link a {
    color: #888 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color 0.3s !important;
}

.um-link a:hover {
    color: #333 !important;
}

/* Usunięcie zbędnych obramowań wewnątrz UM */
.um-field-area {
    margin-top: 5px !important;
}/* End custom CSS */