/* Komponenty wspólne dla listy ofert i strony pojedynczej oferty.
   Ładowane przez oba szablony, żeby nie powielać definicji. */

/* Pigułki kategorii i typu */
.offer-pill {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

/* Kategoria i typ to dwie różne informacje, więc mają wyraźnie różne barwy;
   obie stonowane, żeby nie rywalizowały z plakietką kończącego się terminu. */
.offer-pill--category {
    color: var(--tw-slate);
    background: var(--tw-slate-soft);
}

/* Typ oferty celowo nie używa czerwieni motywu — w zestawieniu z pomarańczową
   plakietką terminu czytała się jak ostrzeżenie. Stonowany granat jest neutralny
   informacyjnie i działa dla dowolnej liczby typów. */
.offer-pill--type {
    color: var(--tw-accent-dark);
    background: var(--tw-accent-soft);
}

.offer-expiry--soon {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    font-weight: 600;
    color: #a05a00;
    background: #fff3e0;
}

/* ── Panel z danymi podmiotu (strona oferty i profil podmiotu) ──────────── */

.company-card {
    background: #f7f8f9;
}

.company-card__header {
    padding: 22px;
    border-bottom: 1px solid #e4e6e8;
}

.company-card__name {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: #232323;
}

.company-card__profile-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--tw-brand);
    text-decoration: none;
}

.company-card__profile-link:hover {
    color: var(--tw-brand-dark);
    text-decoration: underline;
}

.company-card__section {
    padding: 18px 22px;
}

.company-card__section + .company-card__section {
    border-top: 1px solid #e9eaec;
}

.company-card__label {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6f6f6f;
}

.company-card__value {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #232323;
}

/* Dane rejestrowe jako pary etykieta–wartość (dl), zamiast ciągu z <br>. */
.company-card__data {
    margin: 0;
    font-size: 14px;
}

.company-card__data > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
}

.company-card__data > div + div {
    border-top: 1px solid #eef0f1;
}

.company-card__data dt {
    flex: 0 0 auto;
    font-weight: 400;
    color: #5f6368;
}

.company-card__data dd {
    margin: 0;
    text-align: right;
    color: #232323;
    font-variant-numeric: tabular-nums;
}

.company-card__contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.company-card__contact a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: #232323;
    text-decoration: none;
    word-break: break-word;
}

.company-card__contact a:hover {
    color: var(--tw-brand);
    text-decoration: underline;
}

.company-card__contact i {
    flex: 0 0 auto;
    width: 16px;
    text-align: center;
    color: #6f6f6f;
}

.company-card__contact a:hover i {
    color: var(--tw-brand);
}

@media (max-width: 991px) {
    .company-card {
        margin-bottom: 24px;
    }
}