/**
 * HireTheVeterans — employers.css
 * File: assets/css/employers.css
 *
 * Employer directory card styles for employers.php.
 * Loaded alongside jobs.css — all shared layout, filter-panel, pagination,
 * job-card base styles, job-meta-tag, btn-apply etc. come from jobs.css.
 * Only employer-card-specific additions live here.
 */

/* ── Employer card: logo + title side-by-side ────────────────────────────── */

.employer-card-header-left {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

.employer-card-title-block {
    min-width: 0;
    flex: 1;
}

/* ── Logo container ──────────────────────────────────────────────────────── */

.employer-card-logo {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-alt, #f4f6f8);
    border: 1px solid var(--border-light, #e2e2e2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.employer-logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Initials fallback */
.employer-logo-initials {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-primary, #1a3c5e);
    text-transform: uppercase;
    line-height: 1;
    user-select: none;
}

/* ── Open roles badge (top-right of card header) ─────────────────────────── */

.employer-job-count-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 600;
    background: var(--color-primary-light, #e8f0f8);
    color: var(--color-primary, #1a3c5e);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── City text input styled to match filter-select dropdowns ─────────────── */

input.filter-select {
    -webkit-appearance: none;
    appearance: none;
}