/**
 * Car Corrals Dashboard — Offer Panel Styles
 *
 * Loaded by Car_Corrals_Dashboard::enqueue_assets() on the
 * Your Car Corrals account tab.
 *
 * @package VACBP
 * @since 1.0.0
 */

/* ── View Offers Button (button reset) ───────────────────────────────────── */

.vacbp-cc-view-offers-btn {
    background: none !important;
    border: 2px solid var(--vacbp-color-heading) !important;
    border-radius: var(--vacbp-radius-sm) !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
    transition: background var(--vacbp-transition), color var(--vacbp-transition) !important;
    color: var(--vacbp-color-heading) !important;
}

.vacbp-cc-view-offers-btn:hover {
    background: var(--vacbp-color-bg-subtle);
}

/* ── Offers Inline Panel ─────────────────────────────────────────────────── */

.vacbp-cc-offers-panel {
    border-top: 1px solid var(--vacbp-color-border);
    margin-top: var(--vacbp-space-4);
    padding-top: var(--vacbp-space-4);
    width: 100%;
}

.vacbp-cc-offers-panel__inner {
    display: flex;
    flex-direction: column;
    gap: var(--vacbp-space-3);
}

.vacbp-cc-offers-loading,
.vacbp-cc-offers-empty,
.vacbp-cc-offers-error {
    color: var(--vacbp-color-text-muted);
    font-size: var(--vacbp-font-size-sm);
    margin: 0;
    padding: var(--vacbp-space-2) 0;
}

.vacbp-cc-offers-error {
    color: var(--vacbp-color-danger-text);
}

/* ── Individual Offer Row ────────────────────────────────────────────────── */

.vacbp-cc-offer-row {
    background: var(--vacbp-color-bg-subtle);
    border: 1px solid var(--vacbp-color-border);
    border-radius: var(--vacbp-radius-sm);
    padding: var(--vacbp-space-3) var(--vacbp-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--vacbp-space-2);
}

.vacbp-cc-offer-row--accepted {
    border-color: var(--vacbp-color-success-border);
    background: var(--vacbp-color-success-bg);
}

.vacbp-cc-offer-row--rejected {
    background: var(--vacbp-color-bg-subtle);
    opacity: 0.7;
}

.vacbp-cc-offer-row__buyer {
    font-size: var(--vacbp-font-size-sm);
}

.vacbp-cc-offer-row__meta {
    font-size: var(--vacbp-font-size-sm);
    color: var(--vacbp-color-text-muted);
}

.vacbp-cc-offer-row__message {
    font-size: var(--vacbp-font-size-sm);
    color: var(--vacbp-color-text-muted);
    border-left: 3px solid var(--vacbp-color-border-strong);
    padding-left: var(--vacbp-space-2);
}

.vacbp-cc-offer-row__actions {
    display: flex;
    gap: var(--vacbp-space-2);
    flex-wrap: wrap;
    margin-top: var(--vacbp-space-1);
}

/* Status badge colours */
.vacbp-cc-status--pending   { color: var(--vacbp-color-warning-text); }
.vacbp-cc-status--countered { color: var(--vacbp-color-info-text); }
.vacbp-cc-status--accepted  { color: var(--vacbp-color-success-text); }
.vacbp-cc-status--rejected,
.vacbp-cc-status--expired,
.vacbp-cc-status--withdrawn { color: var(--vacbp-color-text-muted); }

/* Action buttons — reuse vacbp-ya-btn, add semantic colours */
.vacbp-ya-btn-primary {
    background: var(--vacbp-color-primary);
    color: var(--vacbp-color-bg) !important;
    border: 1px solid var(--vacbp-color-primary);
}

.vacbp-ya-btn-primary:hover {
    background: var(--vacbp-color-primary-hover);
    border-color: var(--vacbp-color-primary-hover);
}

.vacbp-ya-btn-primary:disabled,
.vacbp-ya-btn-danger:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.vacbp-ya-btn-danger {
    background: var(--vacbp-color-danger-bg);
    color: var(--vacbp-color-danger-text) !important;
    border: 1px solid var(--vacbp-color-danger-border);
}

.vacbp-ya-btn-danger:hover {
    opacity: 0.85;
}