/* ===== Pillar Icons – consistent with CH design ===== */

.career-pillar-icons {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 1.4rem;
}

.pillar-icon {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Light/Dark compatible subtle hover */
.pillar-icon:hover {
    transform: translateY(-4px);
}

/* === DEPARTMENT COLORS / ICONS === */
/* (Vyžaduje SVG ikony 4 pilířů – ty už máš v projektu) */

.p-training {
    background-image: url('/assets/img/svg/skoleni.svg');
}

.p-it {
    background-image: url('/assets/img/svg/support.svg');
}

.p-sales {
    background-image: url('/assets/img/svg/obchod.svg');
}

.p-development {
    background-image: url('/assets/img/svg/vyvoj.svg');
}

/* MOBILE */
@media (max-width: 768px) {
    .career-hero {
        padding: 3.5rem 0 3rem;
    }

    .career-title {
        font-size: 2rem;
    }

    .career-pillar-icons {
        gap: 0.9rem;
    }

    .pillar-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }
}