/**
 * HireTheVeterans — company.css
 * File: assets/css/company.css
 *
 * Profile-specific styles for company.php (public company detail page).
 * Loaded alongside jobs.css — all shared layout, card, sidebar, pagination,
 * and filter-panel classes come from jobs.css. Nothing duplicated here.
 */

/* ── Hero identity block ─────────────────────────────────────────────────────
   Replaces the search bar inside .jobs-hero / .jobs-hero-inner
   ────────────────────────────────────────────────────────────────────────── */

.company-hero-identity {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Logo container */
.company-hero-logo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.company-hero-initials {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    user-select: none;
}

/* Text block */
.company-hero-text {
    flex: 1;
    min-width: 0;
}

.company-hero-name-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.company-hero-name {
    margin-bottom: 0 !important;
}

/* VF badge — white-tinted for dark hero background */
.company-hero-vf-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    white-space: nowrap;
}

/* Action buttons — pushed right */
.company-hero-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    align-items: flex-end;
}

@media (max-width: 640px) {
    .company-hero-identity { flex-direction: column; align-items: flex-start; }
    .company-hero-actions  { flex-direction: row; align-items: flex-start; flex-wrap: wrap; }
}


/* ── Sidebar panels ──────────────────────────────────────────────────────────
   Uses .filter-panel from jobs.css as the container.
   ────────────────────────────────────────────────────────────────────────── */

/* Veteran-Friendly panel — subtle gold tint */
.company-vf-panel {
    border-left: 3px solid #c9a227;
}

.company-sidebar-text {
    font-size: .875rem;
    line-height: 1.65;
    color: var(--text-body, #444);
    margin: 0;
    padding: 0 2px 4px;
}

/* Info rows: label stacked above value */
.company-info-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-light, #eee);
}

.company-info-row-last {
    border-bottom: none;
    padding-bottom: 4px;
}

.company-info-value {
    font-size: .9rem;
    color: var(--text-body, #333);
    word-break: break-word;
}

.company-info-value a {
    color: var(--color-primary, #1a3c5e);
    text-decoration: none;
}

.company-info-value a:hover {
    text-decoration: underline;
}


/* ── Company description block ───────────────────────────────────────────────
   Sits above the open-roles count header in the main column.
   ────────────────────────────────────────────────────────────────────────── */

.company-description-block {
    background: var(--bg-surface, #fff);
    border: 1px solid var(--border-light, #e5e5e5);
    border-radius: var(--radius-md, 8px);
    padding: 24px 28px;
    margin-bottom: 20px;
}

.company-section-heading {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-heading, #1a1a2e);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-light, #eee);
}

/* TinyMCE output normalisation */
.company-description-body {
    font-size: .9375rem;
    line-height: 1.75;
    color: var(--text-body, #444);
}

.company-description-body p  { margin: 0 0 1em; }
.company-description-body ul,
.company-description-body ol { margin: 0 0 1em; padding-left: 1.4em; }
.company-description-body li { margin-bottom: .3em; }
.company-description-body a  { color: var(--color-primary, #1a3c5e); }
.company-description-body strong { font-weight: 600; }