/* ============================================================
   Moduł: Odstąpienie od umowy
   Styl wzorowany na zrzutach ekranu (obrazki 1 i 2)
   ============================================================ */

/* ── Przycisk w historii zamówień ──────────────────────────── */
/* Wygląda tak samo jak "Zamów ponownie" – btn btn-default btn-sm btn-block */
.withdrawal-btn {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 0.875rem;
    text-align: center;
    white-space: nowrap;
}

.withdrawal-btn-done {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 0.875rem;
    text-align: center;
    opacity: 0.55;
    cursor: not-allowed;
}

/* ── Strona sukcesu (obrazek 1) ────────────────────────────── */
/* Zielony box: "Twoje odstąpienie od umowy zostało zarejestrowane." */
.withdrawal-success-box {
    background-color: #dff0d8;   /* bootstrap success light */
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    padding: 20px 24px;
    margin-bottom: 24px;
    color: #2d4a1e;
}

.withdrawal-success-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.withdrawal-back-btn {
    margin-top: 4px;
}

/* ── Strona formularza ─────────────────────────────────────── */
.withdrawal-legal-notice {
    border-radius: 4px;
}

.withdrawal-form-buttons {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 16px;
}

/* Przycisk "Złóż oświadczenie" – czerwony (destruktywna akcja) */
.withdrawal-form-buttons .btn-danger {
    background-color: #c00;
    border-color: #a00;
}
.withdrawal-form-buttons .btn-danger:hover {
    background-color: #a00;
}

/* Textarea */
#withdrawal_reason {
    resize: vertical;
    min-height: 120px;
}

/* Licznik znaków */
#wd_char_count {
    font-weight: 600;
}

/* ── Strona listy oświadczeń ───────────────────────────────── */
.withdrawal-list-page .label {
    font-size: 0.85rem;
    padding: 4px 8px;
}

/* ── Link w "Moje konto" ───────────────────────────────────── */
.withdrawal-account-link {
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: inherit;
    text-decoration: none;
}
.withdrawal-account-link:hover {
    color: #000;
    text-decoration: underline;
}