/**
 * MotoPress Promo Packages — Frontend / Checkout Styles
 */

/* ── Promo Success Notice ─────────────────────────────────────────────────── */
.mppp-notice {
    margin: 12px 0;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.mppp-notice-success {
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}
.mppp-notice-error {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}
.mppp-notice-icon {
    font-size: 18px;
    flex-shrink: 0;
    line-height: 1;
}
.mppp-notice-success .mppp-notice-icon::before { content: "✅"; }
.mppp-notice-error   .mppp-notice-icon::before { content: "❌"; }
.mppp-notice-body strong { display: block; }
.mppp-override-price {
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
    color: #047857;
}

/* ── Spinner ──────────────────────────────────────────────────────────────── */
.mppp-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #ccc;
    border-top-color: #0073aa;
    border-radius: 50%;
    animation: mppp-spin .6s linear infinite;
    vertical-align: middle;
    margin-right: 6px;
}
@keyframes mppp-spin { to { transform: rotate(360deg); } }