/*
 * Thread Finder Custom Status Styles
 * ----------------------------------
 * This file contains all custom CSS for Thread Finder:
 * 1. Badge Styles: Subtle-colored badges for statuses.
 * 2. Text Utilities: Color-only classes for text.
 * 3. Background Color Utilities: Background-only classes.
 */

/* =================================== */
/* 1. Base Badge Styling (Applies to all) */
/* =================================== */

[class^="search-status-"],
[class^="lead-status-"],
.badge-subreddit,
.badge-keyword {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 16px; /* Custom font size */
    font-weight: 500; /* Custom font weight */
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-border-radius, 0.375rem);
    border: 1px solid transparent;
    /* color property is intentionally omitted to inherit from theme */
}

/* =================================== */
/* 2. Status Badge Background/Borders  */
/* =================================== */

/* --- Search Status --- */

.search-status-found {
    background-color: rgba(52, 152, 219, 0.15) !important;
    border-color: rgba(52, 152, 219, 0.3) !important;
}

.search-status-warning {
    background-color: rgba(243, 156, 18, 0.15) !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}

.search-status-ignored {
    background-color: rgba(149, 165, 166, 0.15) !important;
    border-color: rgba(149, 165, 166, 0.3) !important;
}

.search-status-closed {
    background-color: rgba(217, 128, 250, 0.15) !important;
    border-color: rgba(217, 128, 250, 0.3) !important;
}

.search-status-lead {
    background-color: rgba(46, 204, 113, 0.15) !important;
    border-color: rgba(46, 204, 113, 0.3) !important;
}

/* --- Lead Status --- */

.lead-status-open {
    background-color: rgba(0, 206, 209, 0.15) !important;
    border-color: rgba(0, 206, 209, 0.3) !important;
}

.lead-status-responded {
    background-color: rgba(52, 152, 219, 0.15) !important;
    border-color: rgba(52, 152, 219, 0.3) !important;
}

.lead-status-won {
    background-color: rgba(39, 174, 96, 0.15) !important;
    border-color: rgba(39, 174, 96, 0.3) !important;
}

.lead-status-lost {
    background-color: rgba(231, 76, 60, 0.15) !important;
    border-color: rgba(231, 76, 60, 0.3) !important;
}

.lead-status-invalid {
    background-color: rgba(192, 57, 43, 0.15) !important;
    border-color: rgba(192, 57, 43, 0.3) !important;
}

.lead-status-closed {
    background-color: rgba(127, 140, 141, 0.15) !important;
    border-color: rgba(127, 140, 141, 0.3) !important;
}

.lead-status-expired {
    background-color: rgba(160, 82, 45, 0.15) !important;
    border-color: rgba(160, 82, 45, 0.3) !important;
}

/* --- Contextual Badges --- */

.badge-subreddit {
    background-color: rgba(255, 69, 0, 0.15) !important; /* #FF4500 base */
    border-color: rgba(255, 69, 0, 0.3) !important;
}

/** MODIFIED: Changed keyword color base to purple */
.badge-keyword {
    background-color: rgba(111, 66, 193, 0.15) !important; /* #6f42c1 base */
    border-color: rgba(111, 66, 193, 0.3) !important;
}


/* =================================== */
/* 3. Text Color Utilities             */
/* =================================== */

/* --- Search Status Text --- */

.text-search-found {
    color: #3498DB !important;
}

.text-search-warning {
    color: #F39C12 !important;
}

.text-search-ignored {
    color: #95A5A6 !important;
}

.text-search-closed {
    color: #D980FA !important;
}

.text-search-lead {
    color: #2ECC71 !important;
}

/* --- Lead Status Text --- */

.text-lead-open {
    color: #00CED1 !important;
}

.text-lead-responded {
    color: #3498DB !important;
}

.text-lead-won {
    color: #27AE60 !important;
}

.text-lead-lost {
    color: #E74C3C !important;
}

.text-lead-invalid {
    color: #C0392B !important;
}

.text-lead-closed {
    color: #7F8C8D !important;
}

.text-lead-expired {
    color: #A0522D !important;
}

/* --- Contextual Text --- */

/** MODIFIED: Darkened subreddit text color for readability */
.text-subreddit {
    color: #D9541E !important;
}

/** MODIFIED: Changed keyword text color to purple */
.text-keyword {
    color: #6f42c1 !important;
}

/** NEW: Added timestamp text color */
.text-timestamp {
    color: #6c757d !important; /* Standard Velzon/Bootstrap muted gray */
}

/* =================================== */
/* 4. Background Color Utilities       */
/* =================================== */

/* --- Search Status Backgrounds --- */

.bg-search-found {
    background-color: rgba(52, 152, 219, 0.15) !important;
}

.bg-search-warning {
    background-color: rgba(243, 156, 18, 0.15) !important;
}

.bg-search-ignored {
    background-color: rgba(149, 165, 166, 0.15) !important;
}

.bg-search-closed {
    background-color: rgba(217, 128, 250, 0.15) !important;
}

.bg-search-lead {
    background-color: rgba(46, 204, 113, 0.15) !important;
}

/* --- Lead Status Backgrounds --- */

.bg-lead-open {
    background-color: rgba(0, 206, 209, 0.15) !important;
}

.bg-lead-responded {
    background-color: rgba(52, 152, 219, 0.15) !important;
}

.bg-lead-won {
    background-color: rgba(39, 174, 96, 0.15) !important;
}

.bg-lead-lost {
    background-color: rgba(231, 76, 60, 0.15) !important;
}

.bg-lead-invalid {
    background-color: rgba(192, 57, 43, 0.15) !important;
}

.bg-lead-closed {
    background-color: rgba(127, 140, 141, 0.15) !important;
}

.bg-lead-expired {
    background-color: rgba(160, 82, 45, 0.15) !important;
}

/* --- Contextual Backgrounds --- */

.bg-subreddit {
    background-color: rgba(255, 69, 0, 0.15) !important;
}

.bg-keyword {
    background-color: rgba(111, 66, 193, 0.15) !important;
}

.bg-timestamp {
    /* Uses the same color as search-status-ignored for a neutral gray */
    background-color: rgba(149, 165, 166, 0.15) !important;
}