/**
 * TamRank — Post-delete redirect prompt (.tr-redirect-prompt)
 *
 * Branded styling for the "Post moved to trash — create a 301 redirect?" notice
 * rendered via admin_notices after a post is trashed. The notice can appear on
 * ANY admin screen the user lands on, so this partial is consumed twice:
 *   - via tamrank-admin-global.css  (TamRank's own admin pages)
 *   - via auto-redirect-on-delete.css, enqueued by TamRank_Auto_Redirect_On_Delete
 *     wherever the notice renders (Dashboard, Posts list, etc.)
 *
 * Depends on design tokens (common/variables.css) and .tr-btn (common/buttons.css);
 * both must be loaded before this partial.
 */

.notice.tr-redirect-prompt {
    background: #ffffff;
    border: 1px solid var(--tr-color-slate-200);
    border-radius: var(--tr-radius-lg);
    box-shadow: var(--tr-shadow-sm);
    padding: var(--tr-space-4) var(--tr-space-5);
    /* Zero side-margins so the card aligns flush with sibling notices and the
       dashboard content area (left/right edges), instead of being inset by the
       WP-default .notice 2px/20px side-margins. */
    margin: var(--tr-space-4) 0;
}

.tr-redirect-prompt p {
    margin: 0 0 var(--tr-space-2);
    color: var(--tr-color-slate-700);
    font-size: var(--tr-text-sm, 14px);
    line-height: 1.5;
}

.tr-redirect-prompt p strong {
    color: var(--tr-color-slate-900);
    font-weight: var(--tr-font-semibold, 600);
}

.tr-redirect-prompt code {
    background: var(--tr-color-slate-100);
    color: var(--tr-color-slate-700);
    padding: 2px 6px;
    border-radius: var(--tr-radius-sm);
    font-size: 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.tr-redirect-prompt-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tr-space-2);
    margin-top: var(--tr-space-3);
}

.tr-redirect-prompt-form select,
.tr-redirect-prompt-form input[type="url"] {
    min-width: 240px;
    height: 36px;
    padding: 0 var(--tr-space-3);
    border: 1px solid var(--tr-color-slate-300);
    border-radius: var(--tr-radius-md);
    background: #fff;
    color: var(--tr-color-slate-800);
    font-size: 13px;
    font-family: inherit;
    box-shadow: none;
}

.tr-redirect-prompt-form select:focus,
.tr-redirect-prompt-form input[type="url"]:focus {
    outline: none;
    border-color: var(--tr-color-primary);
    box-shadow: 0 0 0 3px var(--tr-color-primary-light);
}

.tr-redirect-prompt .tr-redirect-dismiss-btn {
    background: none;
    border: none;
    padding: 0 var(--tr-space-2);
    color: var(--tr-color-slate-500);
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    margin-left: var(--tr-space-1);
}

.tr-redirect-prompt .tr-redirect-dismiss-btn:hover {
    color: var(--tr-color-slate-800);
    text-decoration: underline;
}

.tr-redirect-bulk-order-note {
    color: var(--tr-color-slate-500) !important;
    font-size: 12px !important;
    margin: var(--tr-space-3) 0 0 !important;
}

.tr-redirect-prompt--overflow .tr-redirect-bulk-order-note,
.tr-redirect-prompt--limit-full .tr-redirect-bulk-order-note {
    display: none;
}

.tr-redirect-bulk-overflow-warning {
    background: var(--tr-color-warning-bg, #fef3c7);
    border: 1px solid var(--tr-color-warning-light, #fde68a);
    color: var(--tr-color-slate-800) !important;
    border-radius: var(--tr-radius-md);
    padding: var(--tr-space-3) var(--tr-space-4) !important;
    margin: var(--tr-space-2) 0 !important;
    font-size: 13px !important;
}

.tr-redirect-bulk-overflow-warning a {
    color: var(--tr-color-primary);
    font-weight: var(--tr-font-semibold, 600);
}
