#formularz-kontaktowy{
    display: flex;
    flex-direction: column;
    gap: 5px
}
#formularz-kontaktowy span{
    font-size: 1.2em;
    color:red
}
#formularz-kontaktowy label{
    display: block;
    margin-top: 15px;
    color: #333
}
#formularz-kontaktowy select, 
#formularz-kontaktowy input, 
#formularz-kontaktowy textarea{
    width: 100%;  /* Szerokość 100% dostępnej przestrzeni */
    padding: 10px;  /* Dodanie przestrzeni wewnętrznej */
    border: 1px solid #ccc;  /* Szary border */
    border-radius: 5px;  /* Zaokrąglone rogi */
    font-size: 16px;  /* Większy rozmiar czcionki */
    background-color: #fff;  /* Tło białe */
    color: #333;  /* Kolor tekstu */
    cursor: pointer;  /* Zmieniamy kursor na wskaźnik */
    transition: 0.5s;  /* Płynne przejście przy zmianie koloru border */
}
#formularz-kontaktowy textarea{
    min-height: 200px;
    font-family: Roboto, sans-serif !important;
}
#formularz-kontaktowy select:hover, 
#formularz-kontaktowy input:hover, 
#formularz-kontaktowy textarea:hover{
    background-color: #f0f0f0;  /* Jasnoszare tło przy najechaniu */
    border-color: orange;  /* Kolor niebieski po kliknięciu */
}


#formularz-kontaktowy select:focus, 
#formularz-kontaktowy input:focus,  
#formularz-kontaktowy textarea:focus{
    border-color: orange;  /* Kolor niebieski po kliknięciu */
    outline: none;  
}
#formularz-kontaktowy input[type="submit"]{
    transition: 0.5s;
    background-color: rgba(120,120,120,0.6);
}
#formularz-kontaktowy input[type="submit"]:hover{
    background-color: rgba(218, 89, 42, 0.603)
}

    /* Domyślnie ukryj przycisk */
#formularz-kontaktowy input[name="wyslij"] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

    /* Widoczny przycisk */
#formularz-kontaktowy input[name="wyslij"].visible {
    visibility: visible;
    opacity: 1;
}
/* podgląd miniatur, załączniki poczty */
#formularz-kontaktowy #podglad img {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#formularz-kontaktowy #podglad div {
    font-size: 14px;
    color: #333;
}
#formularz-kontaktowy input[name="verx3"] {
    position: absolute;
    left: -9999px;
}
/* info z poczty w style_central.css */