/* ============================================================
   WC Simple Subscriptions – Job Board Integration Styles
   ============================================================ */

/* ── Plan info banner ───────────────────────────────────────── */
.wcss-plan-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 18px;
    font-size: 0.88em;
}
.wcss-plan-banner-label {
    font-weight: 700;
    color: #1D4ED8;
    background: #DBEAFE;
    border-radius: 20px;
    padding: 2px 12px;
}
.wcss-plan-banner-stat {
    color: #374151;
}
.wcss-plan-banner-feature {
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.85em;
    font-weight: 600;
}
.wcss-feat-on  { background: #DCFCE7; color: #166534; }

/* ── Quota exhausted CTA ────────────────────────────────────── */
.wcss-quota-exhausted {
    text-align: center;
    padding: 24px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    margin-top: 20px;
}
.wcss-quota-exhausted p {
    margin: 0 0 12px;
    color: #991B1B;
}
.wcss-upgrade-btn {
    display: inline-block;
    padding: 10px 24px;
    background: #4F46E5;
    color: #fff !important;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s;
}
.wcss-upgrade-btn:hover { background: #4338CA; }

/* ── Radius notice inside search bar ───────────────────────── */
.wcss-radius-notice {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.82em;
    color: #6B7280;
    margin-top: 4px;
}
.wcss-radius-notice strong { color: #374151; }

/* ── Locked features (greyed-out) ────────────────────────────── */
.wcss-feature-locked {
    opacity: 0.45;
    pointer-events: none;
    position: relative;
}
.wcss-feature-locked::after {
    content: '🔒';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.2em;
    opacity: 0.8;
}