/*
Theme Name: Wojtek Malek Theme
Theme URI: https://wojtekmalek.com
Author: Antigravity
Author URI: https://wojtekmalek.com
Description: Dedykowany, szybki motyw dla Wojtka Małka.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wojtek-malek-theme
*/

html {
  scroll-behavior: smooth;
}

:root {
  --font-source-serif: 'Source Serif 4', serif;
  --font-hanken-grotesk: 'Hanken Grotesk', sans-serif;
}

/* Style dla formularza Contact Form 7 */
.wpcf7-custom-style form p {
    margin-bottom: 0.5rem;
}

.wpcf7-custom-style input[type="text"],
.wpcf7-custom-style input[type="email"],
.wpcf7-custom-style input[type="tel"],
.wpcf7-custom-style input[type="url"],
.wpcf7-custom-style select,
.wpcf7-custom-style textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e5e2dd;
    background-color: #fcf9f4; /* surface */
    color: #1c1c19; /* on-surface */
    font-family: var(--font-hanken-grotesk);
    outline: none;
    transition: all 0.2s ease-in-out;
}

.wpcf7-custom-style input:focus,
.wpcf7-custom-style select:focus,
.wpcf7-custom-style textarea:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px #4a654a; /* secondary */
}

.wpcf7-custom-style textarea {
    resize: vertical;
    min-height: 120px;
}

.wpcf7-custom-style input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 2rem;
    border: 1px solid transparent;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 0.5rem;
    color: #ffffff;
    background-color: #173124; /* primary */
    transition: all 0.2s;
    box-shadow: 0 4px 20px rgba(45, 71, 57, 0.08);
    cursor: pointer;
}

.wpcf7-custom-style input[type="submit"]:hover {
    background-color: #2d4739;
    box-shadow: 0 8px 30px rgba(45, 71, 57, 0.08);
}

@media (min-width: 768px) {
    .wpcf7-custom-style input[type="submit"] {
        width: auto;
    }
}