/* ------------------------------------------------------------------
   Global form-control theming.

   The legacy style.css only styled `form input[type=...]` (background:#ddd,
   height:50px, full width). New Symfony templates often place inputs outside
   a <form> and use input types the old rule never matched (url, email,
   password, search, tel). This block reproduces the original appearance
   exactly and broadens the selector so every text-like control is styled
   consistently across the whole app.
   ------------------------------------------------------------------ */
input[type=text]:not([name="q"]),
input[type=url],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=color],
select,
textarea {
    width: 100%;
    height: 50px;
    padding: 10px 70px 10px 10px;
    border: 1px solid var(--input-bg);
    box-sizing: border-box;
    margin-bottom: 5px;
    background: #ddd;
    color: #242424;
    resize: vertical;
    font-family: Lato, sans-serif;
}

input[type=color] {
    padding: 1px 3px 1px 3px !important;
}

input[type=datetime-local] {
    position: relative;
    resize: unset !important;
    padding-left: 35px !important;
}

textarea {
    height: auto;
}

/* The search box in the header keeps its own dedicated styling. */
input[name="q"] {
    font-family: Lato, sans-serif;
}

/* Plain submit/buttons that aren't already styled by a class. */
input[type=submit] {
    border: none;
    color: #ddd;
    background-color: #242424;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-family: Lato, sans-serif;
    cursor: pointer;
}

input[type=submit]:hover {
    background: #ddd;
    color: #242424;
}

/* Checkboxes/radios must not inherit the 100%-width text-input sizing. */
input[type=checkbox],
input[type=radio] {
    width: auto;
    height: auto;
}