/**
 * Deck Validator page styles
 *
 * @package SorceryLeague
 */

.deck-validator-container .league-title {
    margin-bottom: 0.5rem;
}

.deck-validator-section {
    max-width: 720px;
    margin: 0 auto;
}

.deck-validator-intro {
    margin-bottom: 1.5rem;
    color: #c8c8b3;
}

.deck-validator-form .form-group {
    margin-bottom: 1.25rem;
}

.deck-validator-textarea {
    width: 100%;
    padding: 12px 16px;
    font-family: monospace;
    font-size: 0.9rem;
    background: #1a1a1a;
    border: 2px solid #333;
    color: #e8e8d3;
    border-radius: 4px;
    resize: vertical;
}

.deck-validator-textarea:focus {
    outline: none;
    border-color: #8b0000;
    box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.2);
}

.deck-validator-submit {
    padding: 12px 24px;
    font-family: inherit;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #8b0000;
    color: #e8e8d3;
    border: 2px solid #a00;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.deck-validator-submit:hover {
    background: #a00;
    border-color: #dc143c;
}

.deck-validator-message {
    margin-top: 1.5rem;
    padding: 1.25rem 1.5rem;
    border-radius: 4px;
    border: 2px solid;
}

.deck-validator-message--success {
    background: rgba(34, 85, 34, 0.3);
    border-color: #2d5a2d;
    color: #b8e8b8;
}

.deck-validator-message--success strong {
    color: #90ee90;
}

.deck-validator-message--error {
    background: rgba(80, 20, 20, 0.4);
    border-color: #8b3a3a;
    color: #f0c0c0;
}

.deck-validator-message--invalid {
    background: rgba(80, 30, 20, 0.4);
    border-color: #8b4513;
    color: #f0d8c0;
}

.deck-validator-message--invalid strong {
    color: #ffb366;
}

.deck-validator-deck-name {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.deck-validator-message p {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.deck-validator-banned-list {
    margin-top: 0.75rem;
    margin-bottom: 0;
    padding-left: 1.5rem;
}

.deck-validator-banned-list li {
    margin-bottom: 0.5rem;
}
