/*
 * CeDiploma validation form (wcu-cedid)
 * Page-level styles for /office/registrar/cediploma/validation/.
 * Layout comes from Bootstrap 5.1 utilities; this only covers what they can't.
 */

.wcu-cedid__label {
    font-weight: 600;
    font-size: 1.1em;
}

.wcu-cedid__input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace;
    font-size: 1.25rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wcu-cedid__input::placeholder {
    letter-spacing: 0.08em;
    text-transform: none;
}

.wcu-cedid__error {
    color: #b02a37;
    font-weight: 600;
}

.wcu-cedid__key img {
    max-width: 100%;
    height: auto;
}

.wcu-cedid__key summary {
    cursor: pointer;
}

.wcu-cedid__powered img {
    height: 50px;
    width: auto;
}

.wcu-cedid__card dt {
    font-weight: 600;
}

.wcu-cedid__card dd {
    margin-bottom: 0.5rem;
}

@media (max-width: 575.98px) {
    .wcu-cedid__input {
        font-size: 1.1rem;
        letter-spacing: 0.04em;
    }
}