/*
 * File Path: assets/css/mbs-quote.css
 *
 * My Book Showroom — Daily Quote Strip
 *
 * Shared styles for the daily inspirational quote displayed on:
 *   - The admin dashboard (mbs-quote-strip--dashboard)
 *   - The footer of each settings tab (mbs-quote-strip--tab)
 *
 * Enqueued on all MBS admin pages via MBS_Quote_Widget::enqueue_assets().
 *
 * @package MyBookShowroom
 * @since   1.1.0
 */

/* ── Base strip ───────────────────────────────────────────────────────────── */

.mbs-quote-strip {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f6f7f7;
    border-left: 4px solid var(--wp-admin-theme-color, var(--mbs-status-info));
    border-radius: 0 4px 4px 0;
    padding: 14px 20px;
    margin-top: 24px;
}

/* ── Dashboard variant ────────────────────────────────────────────────────── */

.mbs-quote-strip--dashboard {
    margin-right: 20px;
}

/* ── Tab footer variant ───────────────────────────────────────────────────── */

.mbs-quote-strip--tab {
    margin-bottom: 24px;
    margin-right: 20px;
}

/* ── Blockquote ───────────────────────────────────────────────────────────── */

.mbs-quote-body {
    flex: 1;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

.mbs-quote-text {
    margin: 0 0 4px;
    font-size: 13px;
    font-style: italic;
    color: #1d2327;
    line-height: 1.6;
}

.mbs-quote-cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #50575e;
}

/* ── Label ────────────────────────────────────────────────────────────────── */

.mbs-quote-label {
    margin: 0;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8c8f94;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 782px) {
    .mbs-quote-strip {
        flex-direction: column;
        align-items: flex-start;
    }

    .mbs-quote-label {
        writing-mode: horizontal-tb;
        transform: none;
    }
}
