/* Doar ce nu poate fi pus inline: pseudo-clase si media queries */

/* Focus pe campuri — scoate outline-ul browserului */
#tcod-form-wrap input:focus,
#tcod-form-wrap select:focus,
[id$="-wrap"] input:focus,
[id$="-wrap"] select:focus {
    outline: none;
    box-shadow: none;
}

/* Hover buton */
[id$="-btn"]:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
[id$="-btn"]:active {
    transform: translateY(0);
}
[id$="-btn"]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Placeholder color */
[id$="-wrap"] input::placeholder {
    color: #bbb;
    opacity: 1;
}

/* Responsive */
@media (max-width: 600px) {
    [id$="-wrap"] {
        padding: 0 4px;
    }
}