/*
 * Formularz „ZAPYTAJ O PRODUKT” - wygląd 1:1 z pluginu Betlewski (Contact Form) 2.1.0 (assets/style-contact.css).
 * Nowe: zdanie o danych osobowych pod przyciskiem „Wyślij” (.betlewski-contact-privacy).
 */

/* Stylizacja główna kontenera formularza */
#contact-form {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}

/* Stylizacja główna formularza */
#betlewski-contact-form {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    background-color: #e6e2e7;
    padding: 5px 15px;
    margin-top: 7px;
    box-sizing: border-box;
    width: 100%;
}

/* Stylizacja etykiet */
#betlewski-contact-form label {
    display: block;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #333;
}

/* Stylizacja pól wejściowych */
#betlewski-contact-form input[type=text],
#betlewski-contact-form input[type=email],
#betlewski-contact-form input[type=tel],
#betlewski-contact-form select,
#betlewski-contact-form textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#betlewski-contact-form select {
    height: auto;
    padding: 10px;
    font-size: 14px;
}

/* Stylizacja przycisku 'submit' */
#betlewski-contact-form button.submit {
    width: 100%;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #a4004f;
    color: white;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#betlewski-contact-form button.submit:hover {
    background-color: #cc0063;
}

#betlewski-contact-form button.submit:active {
    background-color: #80003e;
}

/* Stylizacja kontenera wiadomości */
#message-container {
    margin-top: 7px;
    padding: 7px;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    font-weight: bold;
}

#message-container p {
    margin: 0;
    padding: 0;
}

#message-container.success {
    background-color: #228B22;
    border-left: 4px solid #2F4F4F;
    color: #FFF;
}

#message-container.error {
    background-color: #DC143C;
    border-left: 4px solid #B22222;
    color: #FFF;
}

#message-container.info {
    background-color: #DC143C;
    border-left: 4px solid #B22222;
    color: #FFF;
}

/* Stylizacja przycisku 'show-contact-form' */
#show-contact-form {
    font-family: "Montserrat", sans-serif;
    font-size: inherit;
    font-weight: bold;
    color: #fff;
    background-color: #a4004f;
    border: none;
    padding: 10px 20px;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none !important;
    box-sizing: border-box;
}

#show-contact-form:hover {
    background-color: #cc0063;
    color: #fff;
    outline: none !important;
}

#show-contact-form:focus,
#show-contact-form:active {
    outline: none !important;
}

/* Responsywność dla mniejszych ekranów */
@media (max-width: 600px) {
    #betlewski-contact-form {
        padding: 15px;
    }
}

/* CAPTCHA widgets */
.g-recaptcha,
.cf-turnstile {
    margin: 15px 0;
    display: flex;
    justify-content: center;
}


/* Zdanie o danych osobowych pod przyciskiem „Wyślij” */
#betlewski-contact-form .betlewski-contact-privacy {
    margin: -10px 0 15px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
}

#betlewski-contact-form .betlewski-contact-privacy a {
    color: inherit;
    text-decoration: underline;
}