/**
 * "Have a Design? Order Fast" — button + upload modal.
 * ---------------------------------------------------------------
 * The modal overlay (#bd-orderfast-overlay) carries BOTH .bd-donl-
 * overlay AND .bd-orderfast-overlay classes (see buildModalShell() in
 * bd-order-fast.js) — the base chrome (dark backdrop, centered card,
 * header/close/back button, --bd-donl-* tokens) all come from .bd-donl-
 * overlay's own rules in bd-design-online.css, loaded first (this file
 * declares that as a style dependency — see class-bd-order-fast-
 * button.php). Same reasoning for .bd-donl-size-pill(s)/.bd-donl-size-
 * label/.bd-donl-start-btn below — genuinely the same component/CSS,
 * not a lookalike copy.
 */

.bd-order-fast-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 320px;
    margin: 6px 0 10px;
    padding: 12px 20px;
    border-radius: 999px;
    border: 2px solid #1a2f5c;
    background: transparent;
    color: #1a2f5c;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.bd-order-fast-btn:hover,
.bd-order-fast-btn:focus {
    background: #1a2f5c;
    color: #fff;
}

.bd-order-fast-btn svg {
    flex: none;
}

.bd-orderfast-loading,
.bd-orderfast-error {
    text-align: center;
    color: #8a93a6;
    padding: 24px 0;
}

.bd-orderfast-chosen-size {
    font-size: 13px;
    font-weight: 700;
    color: var(--bd-donl-navy);
    background: var(--bd-donl-border);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.bd-orderfast-field {
    margin-bottom: 16px;
}

.bd-orderfast-field label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--bd-donl-navy);
    margin-bottom: 6px;
}

.bd-orderfast-field input[type="file"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1.5px dashed var(--bd-donl-border);
    border-radius: 8px;
    font-size: 13px;
    background: #fafbfc;
    cursor: pointer;
}

.bd-orderfast-field textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid var(--bd-donl-border);
    border-radius: 8px;
    font-size: 13px;
    font-family: inherit;
    resize: vertical;
}

.bd-orderfast-file-hint {
    font-size: 11.5px;
    color: #8a93a6;
    margin-top: 6px;
}

.bd-orderfast-file-error,
.bd-orderfast-submit-error {
    font-size: 12.5px;
    font-weight: 600;
    color: #c0392b;
    margin-top: 8px;
}